forEach() 方法引发错误 [重复]

Question

我有一个 forEach 方法来循环一些 div 并返回所说的 div。当我使用以下代码时，它会引发错误并说 forEach 不是函数。

当我控制台记录 myDiv 时，它确实返回值，所以我知道 var myDiv 正在工作并返回一个类似数组的对象，但 forEach 方法会引发错误。

JAVASCRIPT

var mydiv = document.getElementsByTagName('div');

mydiv.forEach(function(item, index) {
 console.log(item, index);
});

CSS

 body {display: flex;}
.box {width: 100px; height: 100px; background: red; margin: 0 10px;}

HTML

<div></div>
<div></div>

Answer 1

尝试HTML5 的选择器 API querySelectorAll() 而不是 getElementsByTagName()。

document.querySelectorAll('div');

var mydiv = document.querySelectorAll('div');

mydiv.forEach(function(item, index) {
 console.log(item, index);
});

<div></div>
<div></div>