Javascript 创建一个全新的div？

我相信这非常简单，我看到了很多答案。我想使用java脚本创建一个全新的div，并且能够给它一个id并使用css设置样式。我知道我可以使用document.createElement，但它对我没有任何作用。我摆好了小提琴。你能让它工作吗？当我跑的时候，它会变成一个新的。我不需要任何解释，只要看一次就知道了。我不知道为什么这对我来说这么难

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

---

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

document.body.appendChild(div);

---

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

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

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

---

如果浏览器中的div存在于您的页面中，那么它将如何运行呢？

您创建了div，但从未将其放在页面上

您需要使用document.body.appendChild或我在这里使用的代码来追加div

---

如果您希望在创建节点时比仅仅附加到body更灵活，它会将其分配给变量

div

，但不会将其添加到文档中。你必须做一些类似的事情

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

---

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

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

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

document.body.appendChild(div);

---

这是一个。

您需要将其添加回documentjQuery:

$myDiv=$（“”）$（文件正文）追加（$myDiv），应用CSS规则：
$myDiv.CSS（{“height”：“46px”，…}）在附加之前或之后应用css规则在技术上并不重要，但在附加之前通常在最终结果中看起来更好。为什么必须调用它。appendChild而不仅仅是append。是什么东西的孩子吗？我以为我是用div.id='test'来命名它的，尽管我不知道如果我有多个div.HTML是一棵树，它怎么会知道我指的是哪个div。
是根节点<代码>
和
以及
节点的子节点。而
被认为是
和
节点的父节点。HTML是一种深度嵌套的数据格式。父/子是用来描述嵌套在what中的结构的隐喻。并且浏览器将只渲染
的子元素或远亲元素。抱歉，我明白了。div=document.createElement（'div'）我是一个非常新的人，知道js和html。为什么附加到身体上会更灵活呢。我想我必须学习更多关于DOM操作的知识。这不是直接的，但是指定标记更灵活
var div = document.createElement('div');
div.id = 'test';

document.body.appendChild(div);