设为首页 加入收藏

TOP

js学习总结----设置元素的样式值setcss
2017-10-11 13:37:40 】 浏览:1701
Tags:学习 总结 ---- 设置 元素 样式 setcss

在JS给元素设置样式属性值,我们只能通过curEle.style[attr] = value 这种方式给元素设置行内样式

下面封装一个给当前元素的某一个样式属性设置值的方法(增加在行内样式上的):setCss()

function setCss(curEle,attr,value){
            //在JS中设置float样式值也需要处理兼容
            if(attr==="float"){
                curEle["style"]["cssFloat"] = value;
                curEle["style"]["styleFloat"] = value;
                return;
            }
            //如果打算设置的是元素的透明度,我们需要设置两套样式来兼容所有的浏览器
            if(attr === "opacity"){
                curEle["style"]["opacity"] = value;
                curEle["style"]["filter"] = "alpha(opacity="+value*100+")";
                return;
            }
            var reg = null;
            //对于某些样式属性,如果传递进来的值没有加单位,我们需要把单位默认的补充上,这样的话,这个方法就会人性化一些
            reg = /^(width|height|top|bottom|left|right|((margin|padding)(Top|Bottom|Left|Right)?))$/;
            if(reg.test(attr)){
                if(!isNaN(value)){//判断传递进来的值是否是一个有效数字,如果是有效数字的话,证明当前传递进来的值没有加单位,我们给补充单位
                    value += "px";
                }
            }
            curEle["style"][attr] = value;
        }
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇解决element-ui 中upload组件使用.. 下一篇记VUE的v-on:textInput无法执行事..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目