cssText在IE中的小bug

当需要批量赋予Element样式时，cssText是比较好的方式，可以减少reflow，如：

 

  
Element.style.cssText = 'width:100px;height:100px;top:100px;left:100px;'  
 

但是，这样会有一个问题，会把原有的cssText清掉，比如原来的style中有’display:none;’，那么执行完上面的JS后，display就被删掉了。
为了解决这个问题，可以采用cssText累加的方法：

 

  
Element.style.cssText += 'width:100px;height:100px;top:100px;left:100px;'  
 

但是，cssText（假如不为空）在IE中最后一个分号会被删掉，比较BT….
因此，上面cssText累加的方法在IE中是无效的。

最后，可以在前面添加一个分号来解决这个问题：

 

  
Element.style.cssText += ';width:100px;height:100px;top:100px;left:100px;'  
 
 
 
http://blog.xhlv.com/index.php/2009/09/01/csstext-ie-bug/