Javascript div不起作用

Question

var udiv = document.createElement('div');
var div = document.createElement("div");
div.style.width = "100px";
div.style.height = "100px";
div.style.background = "red";
div.style.color = "white";
div.innerHTML = "Hello";
div.appendChild(udiv);

我一直试图让它发挥作用，但是当我打开页面时，那里什么都没有。我知道Javascript文件有效，因为其他所有内容都显示出来，但div却没有。没有错误。

Answer 1

您已将udiv附加到div，但您从未将div附加到DOM。

Answer 2

但两者都是 new 元素，将这些元素追加到现有元素或 body ，

.
.
.
div.appendChild(udiv);
document.body.appendChild(div)

Answer 3

您没有将div对象附加到DOM

document.body.appendChild(div);