对每个应用的样式进行一次回流

do reflows occur once for each applied style?

本文关键字：一次 应用 样式      更新时间：2023-09-26

当我在javascript中这样做时:

element.style.width="100px";
element.style.height="100px";

我说文档中有2个回流是对的吗?

如果我这样做:

element.setAttribute("style","width:100px;height:100px;")只有1个回流?

(我知道后者将简单地覆盖所有其他先前设置的样式)

侧面问题:是否有任何方法我们可以停止猜测和检查到底有多少回流发生在浏览器(Chrome/FF/等)?

是的，在第一个示例中将有两次回流，而在第二个示例中将只有一次回流。

当我在javascript中这样做:

element.style.width = " 100 px";
element.style.height = " 100 px";

我说文档中有2个回流是对的吗?

最不太可能的。回流(相对而言)需要很多时间，所以它们往往只在JavaScript执行过程中需要时发生，例如，当JavaScript读取依赖于其布局的属性时，例如offsetWidth。

但细节将取决于实现。

相关文章：