关于forEach在Firefox中报错问题

Question

  <a href="#" class="link1">#####</a>
  <a href="#" class="link1">#####</a>
  <a href="#" class="link1">#####</a>


  var arr = document..querySelectorAll('a.link1')
  arr.forEach( function(element, index) {
    console.log(element)
  });
  

上面这段代码在chrome下没问题，正确打印出：

而在Firefox下却报错了：

这是为什么？

Answer 1

querySelectorAll返回的是NodeList对象，不是真正的数组，有的浏览器不支持，你需要把他转为真数组才能用forEach方法。

//ES5
var arr = Array.prototype.slice.call(document.querySelectorAll('a.link1'));
//ES6
var arr = Array.from(document.querySelectorAll('a.link1'));
//或者
var arr = [...document.querySelectorAll('a.link1')];

Answer 2

querySelectorAll 返回的是一个nodelist，不是一个数组 但是在chrome下面你可以用foreach 这个我也不是很懂为什么， 但是在firefox下面就不能了，建议都使用[].prototype.forEach.call(document.querySelectorAll('a.link1'),function(element, index){**})