JS DOM 节点：Javascript

Posted 2023-02-19

【中文标题】JS DOM 节点：Javascript

【英文标题】：JS DOM NODES: Javascript

【发布时间】：2021-01-22 16:41:46

【问题描述】：

在循环的帮助下，我想将一个元素添加到我的列表项中。

非常感谢您的任何建议！

【问题讨论】：

您要添加单个元素吗？你需要循环做什么？你想在哪里添加它们/它？

我想将它添加到每个列表项中。这只是为了练习使用循环！

怎么进去的？最终的代码是什么样的？

如果items 是您的<li> 元素的NodeList，那么items[i] 将引用该索引处的特定<li>。

【参考方案1】：

很难说出问题的背景，但我认为使用 for...of 循环会更好地满足您的需求，因为它可以单独处理列表中的每个项目。

试试这个：

let item = document.getElementsByTagName('li');

for (let i of item)
    i.innerhtml = `$i.innerText <span class="credits">100 credits</span>`;

如果你需要专门使用索引循环的东西，试试这个：

let item = document.getElementsByTagName('li');

for (let i = 0; i < item.length; i++)
    item[i].innerHTML = `$item[i].innerText <span class="credits">100 credits</span>`;