javascript - 循环遍历数组到div？

Question

我正在尝试将包含此字符串中的单个月份的 p 元素添加到 id 为“write”的 div 中。如何让这个循环遍历字符串列表并将它们添加到 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>