javascript - forEach 通过一个处理 DOM 元素数组

Question

我遇到了一个简单的 JS 代码的奇怪行为。通过 one 处理的元素。

var a = document.getElementsByClassName('nahren');
Array.prototype.forEach.call(a, function(e) {
    e.classList.remove('nahren')
})

Example on JSFiddle

Answer 1

getElementsByClassName 返回的集合是“实时的”:如果您更改它们以取消它们在选择器中的资格，它们将从集合中消失。这使得对它们的迭代变得不稳定。使用返回“死”集合的 querySelectorAll('.nahren')，或通过克隆固定“活”集合:

var deadArray = Array.prototype.slice.call(liveCollection);
deadArray.forEach(...)