为什么设置新属性会启动FOUC？

Question

我正在使用Element.setAttribute在用户输入后设置元素的href属性。

我注意到如果我在页面加载（用户输入之前）上设置href到某个占位符值（例如空字符串），则设置该属性将按预期工作。

如果我最初没有设置占位符href，setAttribute必须创建属性，我会在按钮文本中看到FOUC。

据我所知，setAttribute不会触发DOM或元素的重排或重绘。

这是它的样子：

我理解如何解决它 - 我只是好奇它为什么会发生。有人能告诉我引擎盖下发生了什么吗？