在我的 JSFiddle 中，我只是试图迭代一个元素数组。正如日志语句所证明的那样，该数组是非空的。然而，调用给forEach了我（不是很有帮助）“Uncaught TypeError: undefinedis not a function”错误。
我一定是在做一些愚蠢的事情；我究竟做错了什么？
我的代码：
var arr = document.getElementsByClassName('myClass');
console.log(arr);
console.log(arr[0]);
arr.forEach(function(v, i, a) {
console.log(v);
});.myClass {
background-color: #FF0000;
}<div class="myClass">Hello</div>那是因为 document.getElementsByClassName返回一个HTMLCollection，而不是一个数组。
幸运的是，它是一个“类似数组”的对象（这解释了为什么将它记录为一个对象以及为什么您可以使用标准for循环进行迭代），因此您可以这样做：
[].forEach.call(document.getElementsByClassName('myClass'), function(v,i,a) {
使用 ES6（在现代浏览器或 Babel 上），您还可以使用Array.fromwhich 从类数组对象构建数组：
Array.from(document.getElementsByClassName('myClass')).forEach(v=>{
或将类似数组的对象传播到数组中：
[...document.getElementsByClassName('myClass'))].forEach(v=>{
试试这个它应该工作：
<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<div class="myClass">Hello</div>
<div class="myClass">Hello</div>
<script type="text/javascript">
var arr = document.getElementsByClassName('myClass');
console.log(arr);
console.log(arr[0]);
arr = [].slice.call(arr); //I have converted the HTML Collection an array
arr.forEach(function(v,i,a) {
console.log(v);
});
</script>
<style type="text/css">
.myClass {
background-color: #FF0000;
}
</style>
</body>
</html>
如果您想访问特定类的每个元素的 ID，您可以执行以下操作：
Array.from(document.getElementsByClassName('myClass')).forEach(function(element) {
console.log(element.id);
});