解决getElementsByClassName不兼容IE8

最新推荐文章于 2021-08-19 14:10:27 发布

L时光

最新推荐文章于 2021-08-19 14:10:27 发布

阅读量268

点赞数

分类专栏： js

js 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在不支持getElementsByClassName的浏览器中自定义实现该方法的技术。通过遍历DOM元素并检查class属性来查找指定类名的元素。

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

最近在看JavascriptDom编程艺术这本书，发现这个方法，记录一下

    html:
    <div class="box">
        <span class="box1"></span>
        <span class="box1"></span >
        <span></span >
    </div>
    js:
    function getElementsByClassName(node,classname){   //创建一个函数 
        if(node.getElementsByClassName){     //如果浏览器支持getElementsByClassName
            return node.getElementsByClassName(classname);   //直接使用getElementsByClassName
        }else{   //不支持的话自己创建一个吧
            var result = [];  //创建一个数组
            var chind = node.getElementsByTagName(*);  //获取node下面的所以子元素
            for(var i = 0; i < chind.length; i++){  //循环
                if(chind[i].className.indexOf(classname) != -1){ // 如果循环出来的子元素的class存在的话    indexOf是判断class是否存在， 存在返回该元素的下标，不存在返回-1  
                    result[result.length] = chind[i]; //然后把存在class的放到一个数组里去 
                }
            }
            return result;   //返回这个数组
        }
    } 

    //这个函数的使用方式：
    var box = document.getElementsByTagName("div");
    var box1 = getElementsByClassName(box,"box1");