2016-11-11 75 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