正在召唤神秘力量
导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

【JavaScript】在低版本浏览器中达到类似getElementsByClassName的效果

作者:广树·时间:2016-05-20 10:38:22·分类:JavaScript/jQuery/Vue

function getElementsByClassName(targetClass){
    var foundElements = new Array();    //将发现的元素暂时存入数组
    if (document.all){                              //IE情况下获取全部元素
        var allElements = document.all;
    }
    else {                                                //其他情况下获取全部元素
       var allElements = document.getElementsByTagName("*");
    }
    for (i=0,j=0;i<allElements.length;i++) {
        if (allElements[i].className == targetClass) {   //所有元素的class进行对比
            foundElements[j] = allElements[i];                 //匹配成功存入数组
            j++;
        }
    }
    return foundElements;      //全部结束后输出数组
}


可以对匹配的class名进行操作

例1:

getElementsByClassName("test")[0].style.color="#ff0000"

例2:

var html = getElementsByClassName("test")[0];
document.write("<div style='color:#fff000'>")
document.write(html.innerHTML)
document.write("</div>")


#JavaScript
侧边栏
最新评论
广树
2024-04-25
@粽叶加米:不要轻易给自己下这种定义!
粽叶加米
2024-04-25
玩的就是原汁原味。不过对于像我这样的语言白痴来说,还是需要中文的Σ(っ °Д °;)っ
广树
2024-04-25
@淡念丶淡恋:确实,不会外语是最大的障碍,论学外语的重要性。
淡念丶淡恋
2024-04-25
有文化差异,就算一个再优秀的翻译也不可能做到1:1的翻译,但是对于我来说,不汉化,根本看不懂啊OωO
广树
2024-04-25
@Chise Hachiroku:😅论用户粘性的重要性
正在攻略

圣兽之王.jpg

传颂之物

PSN奖杯卡

PSN奖杯卡

赞助商广告