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

迈不过友情╰ 2023-06-21 03:49 12阅读 0赞

原生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++;
            }
        };
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中遍历数组使用foreach循环还是for循环？

这篇文章主要介绍了Java中遍历数组使用foreach循环还是for循环？本文着重讲解for语句的语法并给出使用实例,同时总结出尽量使用foreach语句遍历数组,需要的朋友可

野性酷女/ 2023年10月05日 19:41/ 0 赞/ 38 阅读

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

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

迈不过友情╰/ 2023年06月21日 03:49/ 0 赞/ 13 阅读

相关 JSTL_c:foreach如果不遍历数组或者集合，如何指定循环次数

可以不指定items，直接设置begin和end的具体数值 <select> <c:forEach begin="1" end="${totalPag

野性酷女/ 2023年06月19日 02:15/ 0 赞/ 11 阅读

相关 C#使用foreach遍历数组元素

using System; using System.Collections.Generic; using System.Text;

素颜马尾好姑娘i/ 2023年02月25日 10:25/ 0 赞/ 234 阅读

相关数组的定义和遍历，下标数组的遍历方法

文章目录数组使用说明数组的定义定义固定参数和取值方法1 方法2 方法3

缺乏、安全感/ 2022年12月07日 15:20/ 0 赞/ 277 阅读

相关 java遍历数组练习（for循环、foreach）

java遍历数组练习（for循环、foreach） / 遍历数组 for循环 foreach / public class Te

小咪咪/ 2022年10月22日 06:28/ 0 赞/ 301 阅读

相关 Angularjs兼容低版本IE

注：AngularJS1.3已经不支持IE8（包括IE8）以下的浏览器。更多信息请查看 [我们的Blog][Blog] 。AngularJS 1.2将继续支持IE8，但核心团队

悠悠/ 2022年09月26日 02:41/ 0 赞/ 290 阅读

相关数组常见的遍历循环方法、数组的循环遍历的效率对比

1 遍历数组的方法 > 1-1、for / while 最普通的循环效率最高兼容ie6 tips:for循环更适用于循环的开始和结束已知，循环次数固定的场合；w

素颜马尾好姑娘i/ 2022年03月06日 21:18/ 0 赞/ 369 阅读

相关遍历对象和数组的forEach函数

遍历数组使用forEach，而遍历对象使用for in，但是在实际开发中，可以使用一个函数就遍历两者，jquery 就有这样的函数 function forEach(

怼烎@/ 2021年12月23日 06:45/ 0 赞/ 364 阅读

相关 for each循环遍历数组

Java 的 for each 循环 Java可以用一个功能来依次处理数组中的每个元素（其他类型的元素集合亦可）而不必为指定下标值分心。这种增强的f

深碍√TFBOYSˉ_/ 2021年12月05日 16:43/ 0 赞/ 402 阅读