低版本IE数组和HTMLCollection元素集合不兼容forEach循环遍历的处理方法

iceboysoft

于 2019-12-11 01:29:16 发布

阅读量1.5k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq443068902/article/details/103485379

版权

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了在低版本IE浏览器中，如何处理数组和HTMLCollection元素集合不兼容forEach循环的问题。通过使用自定义的forEach方法，实现对HTMLCollection在IE9以下版本的遍历操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原生JavaScript通过name获取dom元素得到的是
HTMLCollection元素集合
要想循环遍历可以用forEach，但是在低于ie9的版本下不兼容

var list= document.getElementsByName("name");
for (var i = 0; i < list.length; i++) {
    console.log(list[i].id); //second console output
}

数组的时候可以向Array.prototype加一个自定义方法forEach
如下：

if ( !Array.prototype.forEach ) {
    Array.prototype.forEach = function forEach( callback, thisArg ) {
        var T, k;
        if ( this == null ) {
            throw new TypeError( "this is null or not defined" );
        }
        var O = Object(this);
        var len = O.length >>> 0;
        if ( typeof callback !== "function" ) {
            throw new TypeError( callback + " is not a function" );
        }
        if ( arguments.length > 1 ) {
            T = thisArg;
        }
        k = 0;
        while( k < len ) {
            var kValue;
            if ( k in O ) {
                kValue = O[ k ];
                callback.call( T, kValue, k, O );
            }
            k++;
        }
    };
}