javascript - 创建一个全新的 div？

Question

我确信这非常简单，我看到了很多答案。我想使用 java 脚本制作一个全新的 div，并能够给它一个 id 并用 css 设置它的样式。我知道我可以使用 document.createElement 但它对我没有任何作用。我设置了一个 fiddle 。你能不能让它工作，当我点击运行时它会产生一个新的。我不需要任何解释，如果我看到它工作一次，我就能弄明白。我不知道为什么这对我来说这么难。

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);

为避免混淆，您可能希望将变量命名为“div”以外的名称。