cssText或个人stylename?

时间:2011-06-06 15:33:57

标签: javascript css optimization repaint reflow

当我们使用JavaScript将很多样式更改应用于单个元素时,phpied& Writing Efficient JavaScript(幻灯片87)建议:

  

不是使用style.stylename逐个应用样式,而是使用cssText或更改classname一次应用所有内容,因为它会减少回流/重绘

当只有样式更改时哪个更好?

document.getElementById('myid').style.cssText += ";color:#999;";

OR

document.getElementById('myid').style.color = "#999";

jsperf.com/csstext-vs-styles-single表明,当只有一个样式更改时,使用单个样式名称比cssText更快。

是否还有其他因素需要考虑?

1 个答案:

答案 0 :(得分:1)

我应该在你的情况下使用单独的stylename,因为你只会改变一种风格。  :)