getElementsByClassName函数的兼容写法

最新推荐文章于 2023-12-31 01:45:00 发布

原创最新推荐文章于 2023-12-31 01:45:00 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

97 篇文章

订阅专栏

本文介绍了一种在不支持 getElementsByClassName 的浏览器中获取指定类名元素的方法。通过遍历所有元素并检查其 class 属性来实现兼容性支持。

function getElementsByClassName(classname) {
    if(document.getElementsByClassName) {
        return document.getElementsByClassName(classname);
    }
    var eleArr = document.getElementsByTagName('*');
    var classArr = [];
    for(var i = 0; i < eleArr.length; i ++) {
        var classnameArr = eleArr[i].className.split(' ');
        for(var j = 0; j < classnameArr.length; j ++) {
            if(classnameArr[j] == classname) {
                classArr.push(eleArr[i]);
            }
        }
    }
    return classArr;
}