BOM getElement

最新推荐文章于 2016-10-23 13:50:28 发布

难瘦不难过

最新推荐文章于 2016-10-23 13:50:28 发布

阅读量255

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/osweet12345678/article/details/52083039

版权

DOM 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function(){
            var aUl=document.getElementById('ul1');
            var oUl=document.getElementById('ul2');
            var aLi=getElementsByClassName(oUl,'p','box');
            alert(aLi.length);
            //console.log(aLi);
            function getElementsByClassName(parent,tagName,className){
                var aEls=parent.getElementsByTagName(tagName);
                var arr=[];
                for(var i=0;i<aEls.length;i++){
                    /*if(aEls[i].className=='box'){
                        arr.push(aEls[i]);
                    }*/
                    var aClassName=aEls[i].className.split(' ');
                    for(var j=0;j<aClassName.length;j++){
                        if(aClassName[j]==className){
                            arr.push(aEls[i]);

                        }
                    }


                }
                return arr;
            }
        }
    </script>
</head>
<body>
<ul id="ul1">
    <li class="box">11111</li>
    <li class="box1">11221</li>
    <li class="box box2">11311</li>
    <p class="box"> ppp</p>



</ul>
<ul id="ul2">
    <li class="box">11111</li>
    <li class="box1">11221</li>
    <li class="box box2">11311</li>
    <p class="box"> ppp</p>



</ul>

</body>
</html>

难瘦不难过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM getElement

charset="UTF-8"> Title window.onload=function(){ var aUl=document.getElementById('ul1'); var oUl=document.getElementById('ul2'); var aLi=
复制链接

扫一扫