通過數組循環到div？

Question

我想添加一個p元素包含一個月在這個字符串中的一個div與「寫」的ID。我如何讓這個循環遍歷字符串列表並將它們添加到div？

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October","November", "December"]; 
var element = document.getElementById("write").innerHTML = months; 
for (var i = 0; i <= months; i++) { 
var para = document.createElement("p"); 
var text = document.createTextNode(i); 
} 

我不明白爲什麼它不起作用。謝謝！

Answer 1

看起來你完全誤解了如何使用數組，你需要回到你的教程並研究它。

您需要使用months.length作爲數組的限制，而不僅僅是months。您應該在測試中使用<而不是<=，因爲否則您將超過數組的末尾。在文本節點中，您應該輸入months[i]，而不僅僅是i。然後，您需要將文本節點作爲段落的子節點。您不能將元素的innerHTML設置爲數組;你應該添加段落作爲元素的子元素。

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
 
var element = document.getElementById("write"); 
 
for (var i = 0; i < months.length; i++) { 
 
    var para = document.createElement("p"); 
 
    var text = document.createTextNode(months[i]); 
 
    para.appendChild(text); 
 
    element.appendChild(para); 
 
}

<div id="write"></div>