封装的调整样式

最新推荐文章于 2022-04-22 12:47:25 发布

liugang0605

最新推荐文章于 2022-04-22 12:47:25 发布

阅读量452

点赞数

分类专栏： js css 函数闭包

js 同时被 3 个专栏收录

113 篇文章 2 订阅

订阅专栏

函数

6 篇文章 0 订阅

订阅专栏

闭包

4 篇文章 0 订阅

订阅专栏

(function(win,doc){
    var defaultSettings={
        color:'red',
        background:'blue',
        border:'2px solid #ddd',
        fontSize:'30px',
        testAlign:'center',
        width:'200px',
        borderRadius:'5px'
    }
    function SetStyles(options){
        var self=this;
        if(!options){
            throw new Error("请传入配置参数")
        }
        self=Object.assign(self,defaultSettings,options);
        self.container=doc.querySelector(self.container)||doc.querySelectorAll(self.container);
        self._changeStyles();
    }
    SetStyles.prototype={
        _changeStyles:function(){
            var self=this;
            for(var pro in self){
                if(pro == 'container'){
                    continue;
                }
                if(pro=='text'&&typeof self[pro]=='string'){
                    self.container.innerText=self[pro];
                    continue;
                }else if(pro=='text'&&typeof self[pro]=='function'){
                    self.container.innerText=self[pro]()
                }
                self.container.style[pro]=self[pro];
            }
        }
        
    }
    win.SetStyles=SetStyles;
})(windows,document)