今天线上出了一个bug,找了半天,原来是document.getElementById的返回值不能用forEach直接遍历的问题,晕,,,
大致找了一下问题的解决方法,最简单的可以用Array.from强转一下。还有一种是给类数组对象原型上增加一个forEach方法,这里记录下。
/**
* JS forEach()方法不能用于HTMLCollection NodeList等类似于数组但又不是真正的数组。
*/
// 可以为为类数组对象原型增加一个forEach方法
HTMLCollection.prototype.forEach = function(callback) {
[].slice.call(this).forEach(callback); // 强行改变slice内部的this,强转成Array之后调用forEach
}
const metas = document.getElementsByTagName('meta');
metas.forEach(element => {
console.log("%c Line:20 🌰", "color:#b03734", element);
});