document.getElementsByClassName('class').forEach 报错Uncaught TypeError: undefined is not a function

问题描述:通过document.getElementsByClassName获取DOM对象,并对返回值通过forEach遍历,报错:Uncaught TypeError: undefined is not a function

代码:

var arr = document.getElementsByClassName('myClass');
arr.forEach(function(item) {
  console.log(item);
});

因为 document.getElementsByClassName 返回的是一个 HTMLCollection, 不是一个数组。

解决办法:将获得的HTMLCollection转换成数组,有如下几种方法。

[].forEach.call(document.getElementsByClassName('myClass'), function(v) {
    console.log(v);
})

 

Array.from(document.getElementsByClassName('myClass')).forEach(v=>{
    console.log(v)
});
[...document.getElementsByClassName('myClass'))].forEach(v=>{
   console.log(v)
});

  

  

posted on 2020-09-11 08:39  ming1025  阅读(1032)  评论(0编辑  收藏  举报