我正在尝试将包含此字符串中的单个月份的 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);
}
我不明白为什么它不起作用。谢谢!
最佳答案
看来您完全误解了如何使用数组,您需要返回教程并研究一下。
您需要使用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>
关于javascript - 循环遍历数组到div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29980053/