var elements = ['rock', 'paper', 'scissor'];
demoP = document.getElementById("demo");
elements.forEach(function(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>";
});
<ul>
<li>
<div style="border: 5px solid black;" id="div_demo">
<p id="demo"></p>
</div>
</li>
</ul>
嗨,
我是 JavaScript 新手。我想在 li 内单独的 div 标签 中显示数组名称。到目前为止,我已经设法让数组列表在单个 div 和 li 中显示在另一个下面。我想在 li 内单独的 div 中显示每个名称。
最佳答案
只需将每个 li 添加到 div 中,然后在每次迭代中将其附加到文档中即可。
var elements = ['rock', 'paper','scissor'];
demoP = document.getElementById("demo");
elements.forEach(function(item, index) {
newlistitem = document.createElement("li");
newdiv = document.createElement("div");
newdiv.setAttribute("style", "border: 5px solid black;");
newdiv.setAttribute("id", "div_demo");
newdiv.innerHTML = "index[" + index + "]: " + item + "<br>";
demoP.appendChild(newlistitem);
newlistitem.appendChild(newdiv);
});
<ul>
<p id="demo"></p>
</ul>
希望这有帮助!!
关于javascript - forEach 循环在 li 标签内的 div 中插入名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48161924/