2016-11-11 76 views
-5
<div> 
    <div></div> 
    <div></div> 
</div> 

我想创建一个DIV,然后使用JavaScript如何创建这样使用JavaScript

创建firstone内两个DIVS我试图

var div = document.createElement("div"); 
div.id = "square"; 
document.getElementById("main").appendChild(div); 
var div1 = document.createElement("div"); 
var div2 = document.createElement("div"); 
document.getElementById("square").appendChild(div1); 
document.getElementById("square").appendChild(div2); 

但它不工作.. 。

+2

你是什么意思*它不起作用*? – Li357

+0

,因为您想要class-es,但是您创建带ID的元素,并试图通过ID获取元素。 – num8er

+0

类不是IDS! – Li357

回答

0

document.getElementById("main")? 您不需要为第一个div分配一个id。

var div0 = document.createElement("div"); 
var div1 = document.createElement("div"); 
var div2 = document.createElement("div"); 
div0.appendChild(div1); 
div0.appendChild(div2); 
document.body.appendChild(div0); 
+0

我会拖延'document.body.appendChild(div);'(应该是div0?)直到添加div1后,div2 –

+0

是的!你是对的@JaromandaX首先它没有工作,但它然后,当我跟着你的脚步,谢谢你! 也谢谢你** Bennett **为您有用的代码! – Calicol

+0

@Calicol非常高兴!请注意,这会将该主div添加到主体。 – Bennett