我想迭代一些 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数组的结果吗？如果不是，那是什么？
不。正如在 DOM4 中指定的那样，它是一个HTMLCollection（至少在现代浏览器中。旧浏览器返回一个NodeList）。
在所有现代浏览器中（几乎任何其他 IE <= 8），您可以调用 Array 的forEach方法，将元素列表（无论是它HTMLCollection还是NodeList）作为this值传递给它：
var els = document.getElementsByClassName("myclass");
Array.prototype.forEach.call(els, function(el) {
// Do stuff here
console.log(el.tagName);
});
// Or
[].forEach.call(els, function (el) {...});
如果您很高兴能够使用 ES6（即您可以安全地忽略 Internet Explorer 或您使用的是 ES5 转译器），您可以使用Array.from：
Array.from(els).forEach((el) => {
// Do stuff here
console.log(el.tagName);
});
您可以使用Array.from将集合转换为数组，这比Array.prototype.forEach.call以下方式更清晰：
Array.from(document.getElementsByClassName("myclass")).forEach(
function(element, index, array) {
// do stuff
}
);
在不支持的旧浏览器中Array.from，你需要使用像 Babel 这样的东西。
ES6 还添加了以下语法：
[...document.getElementsByClassName("myclass")].forEach(
(element, index, array) => {
// do stuff
}
);
Rest 解构...适用于所有类似数组的对象，不仅是数组本身，然后使用良好的旧数组语法从值构造数组。
虽然替代函数querySelectorAll（有点getElementsByClassName过时）返回一个集合，该集合本身确实具有forEach其他方法，例如map或filter缺失，因此此语法仍然有用：
[...document.querySelectorAll(".myclass")].map(
(element, index, array) => {
// do stuff
}
);
[...document.querySelectorAll(".myclass")].map(element => element.innerHTML);
或者您可以使用querySelectorAllwhich 返回NodeList：
document.querySelectorAll('.myclass').forEach(...)
现代浏览器支持（包括 Edge，但不支持 IE）：
我可以使用 querySelectorAll
NodeList.prototype.forEach()
编辑：尽管新版本的 HTML 中的返回类型发生了变化（请参阅 Tim Down 的更新答案），但下面的代码仍然有效。
正如其他人所说，它是一个 NodeList。这是一个完整的工作示例，您可以尝试：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function findTheOddOnes()
{
var theOddOnes = document.getElementsByClassName("odd");
for(var i=0; i<theOddOnes.length; i++)
{
alert(theOddOnes[i].innerHTML);
}
}
</script>
</head>
<body>
<h1>getElementsByClassName Test</h1>
<p class="odd">This is an odd para.</p>
<p>This is an even para.</p>
<p class="odd">This one is also odd.</p>
<p>This one is not odd.</p>
<form>
<input type="button" value="Find the odd ones..." onclick="findTheOddOnes()">
</form>
</body>
</html>
这适用于 Win 7 上的 IE 9、FF 5、Safari 5 和 Chrome 12。
的结果getElementsByClassName()不是一个数组，而是一个类似数组的对象。具体来说，它被称为 an HTMLCollection，不要与NodeList(它有自己的forEach()方法)混淆。
使用 ES2015 转换类数组对象以供使用的一种简单方法Array.prototype.forEach()尚未提及，是使用扩展运算符或扩展语法：
const elementsArray = document.getElementsByClassName('myclass');
[...elementsArray].forEach((element, index, array) => {
// do something
});