前端JavaScript——解决getElementsByClassName在低版本IE浏览器不支持的问题

最新推荐文章于 2022-08-09 10:22:52 发布

tingyu_

最新推荐文章于 2022-08-09 10:22:52 发布

阅读量323

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/tingyu_/article/details/107215923

版权

web前端专栏收录该内容

15 篇文章 3 订阅

订阅专栏

使用函数封装的方法解决getElementsByClassName在低版本IE浏览器不支持的问题

在这里呢，支持从父节点开始查起，（可以不用从document查起）

在这个函数的两个参数中呢，parent代表的是父节点，classStr代表的是需要查询的class属性的值，里面放的是一个字符串

具体步骤如下：

1.找到parent节点下的所有元素节点，这里用通配符*来代替

2，声明一个用来记录符合条件的元素节点的数组

3，如果符合条件呢就将这个节点添加到这个数组中

4，最后，将装有符合条件的元素节点的数组返回

【注】至于什么叫做元素节点，请看下面具体介绍！！！

function elementByClassName(parent, classStr){
    
    var nodes = parent.getElementsByTagName("*");
    var result = [];
    for(var i = 0 ; i < nodes.length; i++){
        if(nodes[i].className == classStr){
            result.push(nodes[i]);
        }
    }
    return result;
}