Ошибка с AppendChild: Узел не может быть вставлена ​​в заданной точке в иерархии

Question

Существует ошибка с функцией appendChild: Узел не может быть вставлена ​​в заданной точке в иерархии

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 корневого элемента, что делает его полностью вне контента.

Для получения дополнительной информации: Using the W3C DOM Level 1 Core