文章标题

guo_tonight

于 2017-08-17 10:45:20 发布

阅读量147

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/guo_tonight/article/details/77312996

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

利用其它方法实现document.getElementById方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现利用其他方法实现byclassname功能</title>
</head>
<body>
    <div class="name"> 你好</div>
    <div class="name"> 我好</div>
    <div class="name"> 呵呵哒</div>
    <div class="name hehe">你是谁呀</div>
    <div class="name xixi"> 大家好</div>
    <script>
        function searClass(name){
            var obj={};
            var arr=[];
            var allNode=document.getElementsByTagName('*');
            for(var i=0;i<allNode.length;i++){
                if (allNode[i].className) {
                    var classNameArr=allNode[i].className.split(" ");
                    if(classNameArr.indexOf(name)!=-1){
                        arr.push(allNode[i]);
                    }
                }
            }
            return arr;
        }
        console.log(searClass("xixi"));
    </script>
</body>
</html>