javascript - 关于forEach在Firefox中报错问题

问题描述

问 题

  <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下却报错了：

这是为什么？

解决方案

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

这篇关于javascript - 关于forEach在Firefox中报错问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！