javascript - cssText 还是单独的样式名称?

标签 javascript css optimization repaint reflow

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

instead of applying styles one by one using style.stylename, apply everything in one go using cssText or changing classname as it'll reduce reflows/repaints

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

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

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

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

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

最佳答案

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

关于javascript - cssText 还是单独的样式名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6254412/

相关文章:

javascript - div 内可调整大小和可拖动的图像

html - HTML 中 "role"属性的用途是什么?

javascript - 带空格字母的正则表达式

javascript - 如何使用 JavaScript 将 CSS 样式插入到 SVG 中?

javascript - 为什么 "sticky"javascript 不能在 Firefox/IE 中运行?

css - 我如何在 LESS 的类中定位一个 id?

c++ - 位操作取代 IF 语句并提高性能

css - 指定 element.class { ... } 与仅指定 .class { ... } 的性能提升?

javascript - js中如何将对象列表放入数组列表中?

javascript - 用fs从C盘读取文件出错