javascript - 如何让 .querySelectorAll() 或 .forEach() 在 Firefox 中工作？

Question

我想删除类为 sample 的所有元素。

这在 Chrome 和 Safari 中运行良好:

document.querySelectorAll('.sample').forEach(function(e) {
    e.parentNode.removeChild(e);
});

这是我在 Firefox 中遇到的错误:

TypeError: document.querySelectorAll(...).forEach is not a function

Answer 1

document.querySelectorAll 返回一个像数组一样索引的 NodeList，但不是数组，因此您不能在其上调用数组方法。

您可以在 ES6 中使用 Array.from(nodeList) 或在 ES5 中使用 Array.prototype.slice.call(nodeList)

 Array.from(document.querySelectorAll('selector')).forEach(el => el)