js css样式操作代码

     我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：

 

     方法1：

     var element= document.getElementById(”id”); element.style.width=”200px”; element.style.height=”200px”; element.style.border=”solid 2px red”;

     优点是，易懂易用，简单方便；缺点是，样式多了，代码也跟着多了难以维护；而且通过JS复写对象的样式是比较经典的一种销毁原样式并重建的过程，这种销毁和重建，都会增加浏览器的开销。

     方法2：

     在JS中有一个cssText的方法，语法为：obj.style.cssTest("样式");

     如：

     element.style.cssText="width:200px;height:200px;border:solid 2px red"  

     这种方法可以尽量避免页面的多次复写，提高页面的性能