js添加多个样式属性cssText

时间:2022-10-17 03:10:37
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'});