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 レベル 1 コアの使用