封装的调整样式

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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值