JS DOM 节点：Javascript

【问题标题】：JS DOM NODES: JavascriptJS DOM 节点：Javascript
【发布时间】：2021-01-22 16:41:46
【问题描述】：

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

非常感谢您的任何建议！

【问题讨论】：

您要添加单个元素吗？你需要循环做什么？你想在哪里添加它们/它？
我想将它添加到每个列表项中。这只是为了练习使用循环！
怎么进去的？最终的代码是什么样的？
如果items 是您的<li> 元素的NodeList，那么items[i] 将引用该索引处的特定<li>。

标签： javascript for-loop dom nodes innerhtml

【解决方案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>`;
}

【讨论】：