利用封装好的each来继续操作样式4

最新推荐文章于 2022-01-13 10:13:12 发布

1登峰造极

最新推荐文章于 2022-01-13 10:13:12 发布

阅读量140

点赞数

分类专栏： js 文章标签：利用封装好的each来继续操作样式

本文链接：https://blog.csdn.net/qq_33323469/article/details/82019954

版权

js 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div,span{
                width: 100px;
                height: 30px;
                border: 1px solid red;
                padding: 5px 5px;

            }
        </style>
    </head>
    <body class="box">
         <div ></div>
         <div></div>    
        <span></span>
        <span></span>
    </body>
</html>
<script type="text/javascript">

    var getdom = function(tag){
        return document.getElementsByTagName(tag);
    }       
    var each = function(arr,fn){
            for(var i=0;i<arr.length;i++){  
                if(fn.call(arr[i],i,arr[i]) === false){
                    break;
                }
            }
        }    
    var list1 = getdom('div');  
    var list2 = getdom('span'); 

    each(list1,function(){
        this.style.background = 'red';
    })
    each(list2,function(){
        this.style.background = 'green';
    })  
</script>

1登峰造极

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
利用封装好的each来继续操作样式4

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; div,s
复制链接

扫一扫