Lỗi với appendChild: Node không thể được chèn vào điểm quy định trong hệ thống phân cấp

Question

Có một lỗi với chức năng appendChild: Node không thể được chèn vào điểm quy định trong hệ thống phân cấp

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/

Bạn có thể giúp tôi được không?

Answer 1

Bạn cần phải thêm vào document.body, không chỉ document.

Để giải thích tại sao document.appendChild không hoạt động xem xét các sơ đồ sau:

Nếu đó sẽ được phép điều đó sẽ không thể rất hữu ích vì nó sẽ là một anh chị em ruột của phần tử HTML gốc, làm cho nó hoàn toàn bên ngoài nội dung.

Để biết thêm thông tin: Using the W3C DOM Level 1 Core