通过数组循环到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>