我已经通过书签在纯 CSS 中创建了一个元素。它已创建，但不可见

Question

我的代码如下：

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

g.innerHTML = `

HTML GOES HERE

`

当我在网站上使用它时，我希望 div 居中且可见，它正在工作，因为它创建了 div（在控制台中测试过），但我看不到它。

我没有使用 JQuery，但如果需要，我可以。我的目标是拥有一个 UI 类型的东西。

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)

希望有帮助！