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"  
     这种方法可以尽量避免页面的多次复写，提高页面的性能