Ich habe über Lesezeichen ein Element in reinem CSS erstellt. Es ist erstellt, aber nicht sichtbar

Question

Mein Code lautet wie folgt:

g = document.createElement('div');
g.setAttribute("id", "divcontainer");

g.innerHTML = `

HTML GOES HERE

`

Wenn ich dies auf einer Website verwende, möchte ich, dass das Div zentriert und sichtbar ist. Es funktioniert, weil es das Div erstellt (in der Konsole getestet), aber ich kann es nicht sehen.

Ich verwende JQuery nicht, kann es aber bei Bedarf tun. Mein Ziel ist es, eine Sache vom Typ UI zu haben.

Answer 1

您的代码仅创建元素但不将其添加到 DOM，为此您必须使用 document.body.appendChild(element) 并将该元素添加到 body 元素，您可以也可以使用相同的方法添加内部元素以及通过 id 或 QuerySelector 选择的元素。

您可以按如下方式修改代码：

g = document.createElement('div');
g.setAttribute("id", "divcontainer");

g.innerHTML = `HTML GOES HERE`;
document.body.appendChild(g);

如果要添加多个元素，可以使用 append() 而不是 appendChild()。

document.body.append(g,g2,g3,g4)

希望有帮助！