构建DIV的通过‘的createElement’在JavaScript

Question

构建DIV在HTML创建是这样的：

<div id="parentdiv"> 
    <div id="childdiv"></div> 
</div> 

我的代码波纹管造成2个div但放在孩子的div旁边父DIV，而不是在它里面：

var pardiv = document.createElement('pardiv'); 
pardiv.setAttribute('id', "workspace"); 
pardiv.innerHTML = "Hello World"; 
pardiv.style.background = "red"; 
pardiv.width = 300; 
pardiv.height = 300; 
document.body.appendChild(pardiv); 

var childdiv = document.createElement('childdiv'); 
    childdiv.setAttribute('id', "childdiv"); 
    childdiv.innerHTML = "Hello World"; 
    childdiv.style.background = "yellow"; 
    childdiv.width = 100; 
    childdiv.height = 100; 
    document.body.appendChild(childdiv); 

如果程序员的结构div像HTML一样通过JavaScript创建，它如何能像HTML一样？

Answer 1

的childDiv不要追加到身体，相反，它追加到父元素，像这样：

pardiv.appendChild(childdiv); 

利用这一点，你应该能够建立相同的结构，你会在HTML 。