Errore con appendChild: nodo non può essere inserito nel punto indicato nella gerarchia

Question

c'è un errore con la funzione appendChild: nodo non può essere inserito nel punto indicato nella gerarchia

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/

Potete aiutarmi per favore?

Answer 1

È necessario aggiungere a document.body, non solo document.

spiegare perché document.appendChild non funziona consideri il seguente schema:

Se ciò sarebbe consentito che non sarebbe molto utile in quanto sarà pari livello dell'elemento HTML radice, questo lo rende totalmente fuori dal contenuto.

Per ulteriori informazioni: Using the W3C DOM Level 1 Core