创建一个全新的div？

Question

我确信这很容易，我看到了很多答案。我想使用java脚本创建一个全新的div，并能够给它一个id并用css设置它的样式。我知道我可以使用document.createElement但它不会为我做任何事情。我设置了一个小提琴。你能不能让它运作起来，当我跑步时它会成为一个新的。我不需要任何解释，如果我看到它有效，我可以弄明白。我不知道为什么这对我来说太难了。

div = document.createElement('div')
div.id = 'test'
#test{
 height: 46px;
width: 170px;
background-color: #23238e;
}

http://jsfiddle.net/philyphil/38rAy/embedded/result/

Answer 1

您需要将新的div元素添加到文档正文中。

document.body.appendChild(div);

为避免混淆，您可能希望将变量命名为＆＃39; div＆＃39;。

Answer 2

您必须将其添加到文档中才能看到它：

div = document.createElement('div')
div.id = 'test'
document.body.appendChild(div);

http://jsfiddle.net/38rAy/1/

您的网页中div存在的浏览器怎么办？

Answer 3

创建节点时，它会将其分配给变量div，但它永远不会添加到文档中。你必须做类似

的事情

div = document.createElement("div");
div.id = "test";
document.getElementById("container").innerHTML = div;

Answer 4

您创建div但不会将其放在页面上

你需要使用document.body.appendChild或者我在这里使用的代码附加div

http://jsfiddle.net/38rAy/2/

var body = document.getElementsByTagName('body') [0];

body.appendChild(div);

如果你想要更多的灵活性，而不仅仅是附加到身体

Answer 5

您需要将其插入DOM。看看这个方法：

• appendChild

您还需要至少拥有body元素。例如：

var div = document.createElement('div');
div.id = 'test';

document.body.appendChild(div);

这是jsFiddle。