创建一个全新的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);

为避免混淆,您可能希望将变量命名为"div"以外的变量.