Fehler bei appendChild: Knoten können nicht an dem spezifizierten Punkt in der Hierarchie eingefügt

Question

Es ist ein Fehler mit der Funktion appendChild: Knoten können nicht an dem spezifizierten Punkt in der Hierarchie

JS eingefügt:

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/

Können Sie mir bitte helfen?

Answer 1

Sie müssen an document.body anhängen, nicht nur document.

Um zu erklären, warum document.appendChild nicht das folgende Diagramm betrachten funktioniert:

Wenn das erlaubt sein würde, die nicht sehr nützlich wäre, da es sich um ein Geschwister des HTML Wurzelelement sein, das macht es völlig außerhalb des Inhalts.

Für weitere Informationen: Using the W3C DOM Level 1 Core