javascript - 访问 HTMLCollection/NodeList 中的每个元素

Question

我想访问实时 HTMLCollection 或 NodeList 中的每个元素(仅使用 JavaScript，不使用 jQuery 或任何其他 JavaScript 库)，例如 var elements = document.getElementsByClassName('class-name') 返回的集合;

如果 DOM 没有改变，那么我可以使用 for 循环来做到这一点:

for(var i=0; i<elements.length; i++)
{
    //Do something with elements[i]
}

但是当for 循环还在运行，并且类class-name 的元素有添加或删除时怎么办。如果删除或添加了一个元素，那么索引将会改变。

那么，仅使用 JavaScript，我如何才能确保在 for 循环运行时，elements 中的 element 不会遗漏。

Answer 1

在给定时间只有一个脚本在运行。在脚本运行时，DOM 可能发生的唯一更改是脚本所做的更改。所有其他任务、事件等将耐心等待您的脚本执行完毕。

所以

• 不要担心 DOM 的外部更改，没有
• 跟踪代码所做的更改

你会没事的。