javascript - appendChild 出错：无法在层次结构中的指定点插入节点

Question

函数有错误appendChild：Node cannot be inserted at the specified point in the hierarchy

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/

你能帮我么？

Answer 1

您需要附加到document.body，而不仅仅是document.

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

如果允许这样做，那将不是很有用，因为它将是HTML根元素的兄弟，这使它完全在内容之外。

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