js解决getElementByClassName

最新推荐文章于 2024-01-27 16:45:42 发布

alisaLearn

最新推荐文章于 2024-01-27 16:45:42 发布

阅读量2.6w

点赞数 1

分类专栏：原生JS 校招常见题文章标签： javascript 浏览器兼容

本文链接：https://blog.csdn.net/alisalearn/article/details/52652846

版权

原生JS 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

校招常见题

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8' />
    <script>
        /*JS写getElementByClassName;
        我发现chorm、firefox、ie都支持document.getElementsByClassName */
           window.onload = function(){
               var adom = document.getElementsByClassName('a1');
               for(var i = 0;i<adom.length;i++)
                    adom[i].style.backgroundColor="red";
           };
           function getElementByClassName(className){
               var elems = [];
               if(!document.getElementsByClassName){
                   alert("no exit");
                   var dom = document.getElementByTagName('*');
                   for(var i = 0;i<dom.length;i++){
                       if(dom[i].className == className)
                            elems.push(dom[i]);
                   }
                }else{
                    elems = document.getElementsByClassName(className);
                    alert('exit');
                }
                return elems;
           }
    </script>
</head>

<body>
    <div id="a1">a1</div>
    <div class="a1">a1</div>
    <div class="a1">a1</div>
    <div id="a1">a1</div>
    <div class="a1">a1</div>
</body>

</html>

结果：

alisaLearn

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
js解决getElementByClassName

<!DOCTYPE html><html><head> <meta charset='UTF-8' /> <script> /*JS写getElementByClassName; 我发现chorm、firefox、ie都支持document.getElementsByClassName */ window.onload = f
复制链接

扫一扫