javascript 我用一个bookmarklet在纯css中创建了一个元素，它被创建了，但是不可见

bnlyeluc 于 2023-01-04 发布在 Java

关注(0)|答案(1)|浏览(127)

我的代码如下：

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

g.innerHTML = `

HTML GOES HERE

`

当我在一个网站上使用这个，我希望div居中和可见，它是工作的事实，它创建了div（测试，在控制台），但我看不到它。
我没有使用JQuery，但如果我需要，我可以。我的目标是有一个UI类型的东西。

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)
希望能有所帮助!