2012-08-06 90 views
0

這是我的代碼的Javascript使用appendChild

for(var i=0;i<Year12.length;i++) 
     { 

       var div1=document.createElement('li'); 
       div1.setAttribute('id',Year12[i]); 
       div1.setAttribute('Value',Year12[i]); 
       document.getElementById("Jan").appendChild(div1); 
       alert(div1); 


     } 

「簡」 是UL element.I的ID我能創造的元素。但其不添加到父element.Can任何一個嘗試這種

+0

你不在裏面插入東西嗎? – sedran 2012-08-06 09:44:12

+0

div1.innerHTML =「something」; – sedran 2012-08-06 09:45:17

+0

div1.setAttribute('Value',Year12 [i]);這將設置正確的內容? – 2012-08-06 09:46:42

回答

2

刪除值並嘗試:

var div1=document.createElement('li'); 
div1.setAttribute('id',Year12[i]); 
div1.innerHTML= Year12[i]; 
document.getElementById("Jan").appendChild(div1); 
alert(div1); 

OR

var div1=document.createElement('li'); 
    div1.setAttribute('id',Year12[i]); 
    div1.appendChild(document.createTextNode(Year12[i])); 
    document.getElementById("Jan").appendChild(div1); 
    alert(div1); 

有關設置類,你可以這樣做:

div1.className = "your_class_name"; 
+0

如何爲這個新創建的LI元素設置一個類? – 2012-08-06 09:55:46

+0

在我的回答 – 2012-08-06 09:57:47

+0

中看到添加的代碼,你也可以用同樣的方式設置id:'div1.id = Year12 [i]' – Amberlamps 2012-08-06 10:21:01

0

試試這個

for(var i=0;i<Year12.length;i++) 
{ 

    var div1=document.createElement('li'); 
    div1.setAttribute('id',Year12[i]); 
    div1.setAttribute('Value',Year12[i]); 
    //document.getElementById("Jan").appendChild(div1); 
    document.getElementById("Jan").append(div1); 
    alert(div1); 
}