Error con appendChild: Nodo no se puede insertar en el punto especificado en la jerarquía

Question

Hay un error con la función de appendChild: nodo no puede ser insertado en el punto especificado en la jerarquía

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/

¿Puedes ayudarme?

Answer 1

Debe agregar a document.body, no solo a document.

Para explicar por qué no funciona document.appendChild en cuenta lo siguiente diagrama:

Si eso se permitiría que no sería muy útil, ya que será un hermano del elemento HTML raíz, eso lo hace totalmente fuera del contenido.

Para más información: Using the W3C DOM Level 1 Core