类数组HTMLCollection遍历

	今天线上出了一个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);
        });
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值