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');

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;