gpt4 book ai didi

javascript - 循环遍历数组到div?

转载 作者:行者123 更新时间:2023-11-28 19:15:20 24 4
gpt4 key购买 nike

我正在尝试将包含此字符串中的单个月份的 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com