getElementsByTagName() 兼容性

最新推荐文章于 2025-05-18 18:13:19 发布

转载最新推荐文章于 2025-05-18 18:13:19 发布 · 856 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mechelle-olivia/p/8431463.html

文章标签：

#json #javascript #移动开发 #ViewUI

本文介绍了一种在不支持 document.getElementsByClassName 的浏览器中获取特定 class 的 DOM 元素的方法，并提供了一个兼容性的实现方案。

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

window.onload = function () {
    var div = getClassNames('lg' , 'div');
    function getClassNames(classStr,tagName){
        if (document.getElementsByClassName) {
            return document.getElementsByClassName(classStr)
        }else {
            var nodes = document.getElementsByTagName(tagName),ret = [];
            for(i = 0; i < nodes.length; i++) {
                if(hasClass(nodes[i],classStr)){
                    ret.push(nodes[i])
                }
            }
            return ret;
        }
    }
    function hasClass(tagStr,classStr){
        var arr=tagStr.className.split(/\s+/ ); //这个正则表达式是因为class可以有多个,判断是否包含
        for (var i=0;i<arr.length;i++){
            if (arr[i]==classStr){
                return true ;
            }
        }
        return false ;
    };
//下边写你需要的代码