js dom便利函数

最新推荐文章于 2024-07-17 16:51:33 发布

山高路长啊

最新推荐文章于 2024-07-17 16:51:33 发布

阅读量212

点赞数

本文链接：https://blog.csdn.net/liuzong_dage/article/details/83869050

版权

<script type="text/javascript">
        //创建一个便利函数，oparent为父级元素，oclass为子元素的class值；
        function getByClass(oparent,oclass){
         //创建一个空数组；
            var aResult=[];
            var ael=document.getElementsByTagName('*'); //*为一个可变标签
            for(var i=0;i<ael.length;i++){
                if(ael[i].className==oclass){
                    aResult.push(ael[i]);  //将与oclass名相同的元素放入aResult数组
                }
            }
            return aResult;
        }
        window.οnlοad=function(){
          var oul=document.getElementById('ul1');
            var obox=getByClass(oul,'box'); 
            for(var i=0;i<obox.length;i++){
                obox[i].style.background='red';  //将class=‘box’的li背景变红；
            }
        };
    </script>
</head>
<body>
<ul id="ul1">
    <li class="box"></li>
    <li class="box"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="box"></li>
</ul>

</body>

山高路长啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js dom便利函数

&lt;script type="text/javascript"&gt; //创建一个便利函数，oparent为父级元素，oclass为子元素的class值； function getByClass(oparent,oclass){ //创建一个空数组； var aResult=[]; var a...
复制链接

扫一扫