Question

这感觉就像一个初学问题，有一个非常明显的答案，但我无法弄清楚我的生活。我在下面尝试创建一个新元素并将其添加到正文中有什么问题？

var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.setAttribute("width", "400px");
newDiv.setAttribute("height", "400px");
newDiv.setAttribute("backgroundColor", "red");
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";

Answer 1

宽度和高度属性不适用于其中的“px”，我也不确定背景属性。无论哪种方式，以下都可行，并且是您应该这样做的方式：

var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.style.width="400px";
newDiv.style.height="400px";
newDiv.style.backgroundColor="red";
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";

Answer 2

http://jsfiddle.net/4BBWj/2/ 设置newDiv.style.backgroundColor或设置属性style = backgreound-color：red

高度和宽度相同。

并且还有一些内容可以看到一些东西。

Answer 3

这是我认为最好的方法。

var newDiv = document.createElement("div");
newDiv.id = "popup";

newDiv.setAttribute("width", "400px");
newDiv.setAttribute("height", "400px");

newDiv.style.position = "absolute";
newDiv.style.top = "25px";
newDiv.style.left = "25px";
newDiv.style.backgroundColor = "red";

document.body.appendChild(newDiv);

JavaScript尝试创建一个不起作用的新元素

3 个答案: