获取class函数的封装

最新推荐文章于 2022-07-14 23:53:47 发布

我的IP在路上

最新推荐文章于 2022-07-14 23:53:47 发布

阅读量563

点赞数

分类专栏： web前端笔记文章标签：获取class

本文链接：https://blog.csdn.net/u012552049/article/details/45501011

版权

web前端笔记专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script>
    window.onload=function(){
        var oUl1=document.getElementById("ul1");

        var arr=[];
        getElementsByClassName(document,"p","box");
        alert(arr.length);
        for(var i=0;i<arr.length;i++){
            arr[i].style.background="red";
        }
        function getElementsByClassName(parent,tagName,className){
            var aLi=parent.getElementsByTagName(tagName);

            /*for(var i=0;i<aLi.length;i++){
                if(aLi[i].className==className){
                    arr.push(aLi[i]);
                }
            }*/
            for(var i=0;i<aLi.length;i++){
                var aClassName=aLi[i].className.split(" ");
                for(var j=0;j<aClassName.length;j++){
                    if(aClassName[j]==className){
                        arr.push(aLi[i]);
                        break;
                    }
                }
            }
        }
    }
</script>
<body>
<ul id="ul1">
    <li class="box">11111</li>
    <li class="box box1">222222</li>
    <li >33333</li>
    <li class="box1 box box">44444</li>
</ul>
<ul id="ul2">
    <li class="box">11111</li>
    <li class="box box1">222222</li>
    <li >33333</li>
    <li class="box1 box box">44444</li>
</ul>
<p class="box">ppp</p>
</body>
</html>

我的IP在路上

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取class函数的封装

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script> window.onload=function(){ var oUl1=document.getElementById("ul1"); var arr=[];
复制链接

扫一扫