構建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 。