js中cssText批量修改元素样式

平常编写代码，更改一个元素样式的时候，自己都是用

obj.style.width = "200px";
obj.style.position = "absolute";
obj.style.left = "100px";

之类的代码进行设置，这样的话如果更改样式很多的时候，就要写很多代码。

使用Javascript批量修改样式的方法：

cssText 的使用:　　　　

obj.cssText = " width:200px;position:absolute;left:100px;";

注意：cssText会清除之前元素含有的样式

所以得使用

obj.cssText += " width:200px;position:absolute;left:100px;";

但是再注意：在IE中的最后一个分号会被删除

obj.cssText += " ;width:200px;position:absolute;left:100px;";　
//这样便能解决在IE中出现的问题了

其他使用cssText的方法：

//使用JSON
function setStyle(obj,json){
for(var i in json)
{
obj.style[i]=json[i];
}
}

使用的时候直接:

setStyle(obj,{width : '200px'; position : 'absolute'; left : '100px';});

转自：博客参考