前面有一篇记录了重绘和重排（http://zhangyaochun.iteye.com/blog/1681641）

?

改变样式方面：

?

? ? 多次修改样式的时候应该合并所有的改变最后一次处理，这样只修改DOM一次

?

? ?1、使用cssText。

?

?

var el = document.getElementById("test");
el.style.cssText = "color:blue;border:1px solid red;width:100px;"

(这个其实在动画里面还是有比较多应用，比如以前百度世界末日专题里面的动画)。

?

? ?2、修改class的名称，而不是修改内联样式

?

? ? ? ?试用的场景：不依赖运行逻辑和计算的情况。

?

?

var el = document.getElementById("test");
el.className = 'hover';

?

?