cssText或个人stylename?

Ani*_*ish 8 javascript css optimization repaint reflow

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

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

哪个更好时,有一个只有单一风格的改变?

document.getElementById('myid').style.cssText += ";color:#999;";
Run Code Online (Sandbox Code Playgroud)

要么

document.getElementById('myid').style.color = "#999";
Run Code Online (Sandbox Code Playgroud)

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

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

JAi*_*iro 1

我应该在您的情况下使用单独的样式名称,因为您将只更改一种样式。:)