appendChild出错：无法将节点插入到指定层次结构中的指定位置。

Question

函数appendChild出现错误：无法将节点插入到层次结构中指定的位置

JS:

var abc=document.createElement("div");
abc.style.position="absolute";
abc.style.width="10px";
abc.style.height="10px";
abc.style.left="10px";
abc.style.top="10px";
abc.style.backgroundColor="black";
abc.innerHTML="abc";
document.appendChild(abc);

http://jsfiddle.net/T7ZMX/

请问你能帮我吗？

- user1365010

---

如果其他人也遇到了这个问题，我不小心使用了 document.createAttribute()，而我本意是要使用 document.createElement()。 - MoralCode

Answer 1

你需要将内容添加到document.body，而不仅仅是document。

为了解释为什么document.appendChild不起作用，请考虑以下图表：

如果允许这样做，那将不是非常有用，因为它将成为HTML根元素的同级元素，这使得它完全处于内容之外。

更多信息：使用W3C DOM Level 1 Core

- Alnitak