封装css样式的函数

最新推荐文章于 2024-01-25 17:55:58 发布

qian96

最新推荐文章于 2024-01-25 17:55:58 发布

阅读量398

点赞数

分类专栏： JavaScript HTML/CSS 文章标签： js 函数式编程 javascript

本文链接：https://blog.csdn.net/qian96/article/details/109891926

版权

JavaScript 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

HTML/CSS

4 篇文章 0 订阅

订阅专栏

封装css样式的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>封装css样式的函数</title>
</head>
<style>
    *{
        margin: 0;
        padding: 0;
    }
</style>
<body>
    <div></div>
</body>
</html>
<script>
    function css() {
        //oDiv.style['width']='100px';
        if(arguments.length==3){
            arguments[0].style[arguments[1]]=arguments[2];
        }else{
            if(typeof arguments[1]=='string'){
                return getComputedStyle(arguments[0])[arguments[1]];
            }else{
                for(var name in arguments[1]){
                    arguments[0].style[name]=arguments[1][name];
                }
            }
        }
    }
    var oDiv=document.querySelector('div');

    css(oDiv,'width','100px');
    css(oDiv,{height:'100px',background:'red'})
    console.log(css(oDiv,'width'));
    
</script>

qian96

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
封装css样式的函数

封装css样式的函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>封装css样式的函数</title></head><style> *{ margin: 0; padding: 0; }</style><body>
复制链接

扫一扫