解决IE7、IE8不兼容getElementsByClassName问题

最新推荐文章于 2022-01-20 17:58:29 发布

原创最新推荐文章于 2022-01-20 17:58:29 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#解决IE不兼容getElementsBy #IE7IE8兼容性 #IE7兼容性 IE8兼容性

ECShop 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一个JavaScript函数，用于解决在IE浏览器中使用getElementsByClassName时遇到的兼容性问题，通过自定义实现来查找具有特定类名的元素。

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

//解决IE不兼容getElementsByClassName问题
function getElementsByClassName(className,root,tagName) {    //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无
    if(root){
        root=typeof root=="string" ? document.getElementById(root) : root;   
    }else{
        root=document.body;
    }
    tagName=tagName||"*";                                    
    if (document.getElementsByClassName) {                    //如果浏览器支持getElementsByClassName，就直接的用
        return root.getElementsByClassName(className);
    }else { 
        var tag= root.getElementsByTagName(tagName);    //获取指定元素
        var tagAll = [];                                    //用于存储符合条件的元素
        for (var i = 0; i < tag.length; i++) {                //遍历获得的元素
            for(var j=0,n=tag[i].className.split(' ');j<n.length;j++){    //遍历此元素中所有class的值，如果包含指定的类名，就赋值给tagnameAll
                if(n[j]==className){
                    tagAll.push(tag[i]);
                    break;
                }
            }
        }
        return tagAll;
    }
}