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