JS：使用Array.forEach迭代getElementsByClassName的结果

Question

JS：使用Array.forEach迭代getElementsByClassName的结果

我想迭代一些DOM元素，我这样做：

document.getElementsByClassName( "myclass" ).forEach( function(element, index, array) {
  //do stuff});

但我收到一个错误：document.getElementsByClassName（“myclass”）。forEach不是一个函数

我使用的是Firefox 3，所以我知道这两个getElementsByClassName和Array.forEach都存在。这很好用：

[2, 5, 9].forEach( function(element, index, array) {
  //do stuff});

是getElementsByClassName数组的结果？如果没有，那是什么？

Answer 1

或者你可以使用querySelectorAll哪个返回NodeList：document.querySelectorAll('.myclass').forEach(...)现代浏览器支持（包括Edge，但不支持IE）：我可以使用querySelectorAll NodeList.prototype.forEach（）MDN： Document.querySelectorAll（）