js添加多个样式属性cssText

document.getElementById("box").style.cssText += ";color:red;font-size:20px";

代码分析：使用“+=”是为了防止之前的样式被清除，css代码前多一个分号是为了兼容万恶的IE。

              推荐使用jQuery中的$(selector）.css({css_json_code}),而最优的方法是定义css类，直接添加类名去修改style。

              或者自己封装一个全局函数。例如如下代码，但是为避免浏览器重复渲染对性能产生影响，不推荐。

function setStyle(obj,json){
    for(var i in json)
    {
        obj.style[i]=json[i];
    }
}
setStyle(obj,{color : 'red', display : 'block'});

 

转载于:https://www.cnblogs.com/hcxy/p/6880827.html