Css 为什么文本内容不会触发回流

我在看MDN上的textContent和innerText之间的区别，它向我展示了一些让我非常困惑的东西

1.innerText知道样式，不会返回隐藏元素的文本，而textContent会。（没问题，完全理解）

---

2.由于innerText知道CSS样式，它将触发回流，而textContent不会。（为什么？

有人建议我回答这个问题，而不是留下评论。虽然在那之后我做了很多研究。现在让我们再来看看这些差异。

innerText知道样式，不会返回隐藏的文本 元素

引用自

这意味着，innerText仅从可见元素获取文本（而不是

显示：无

，也不是

可见性：隐藏

）。此外，还将考虑应用于

text transform:uppercase

等元素的css样式。因此，innerText将返回文本的大写版本，而textContent将返回未更改的版本。您可以在JSFIDLE上尝试一下

由于innerText需要知道元素的最新样式，因此它应该首先触发回流（刷新排队回流列表）并重新计算元素的样式，然后获得预期结果

而textContent不需要这样做，因为它不知道风格

---

如果您对innerText和textContent之间差异的更多细节感兴趣，你可以读一读。

我想你的问题最好的标题是为什么textContent不会触发回流。@这样问可能有点愚蠢。我似乎还没有完全理解回流。我找到了一篇关于回流的文章：现在我明白了。无论如何，谢谢你的建议！现在我完全明白了！由于innerText只获取可见文本，它应该首先触发回流（刷新排队的回流列表）并重新计算元素的样式。然后获得正确的结果。而textContent不必这样做。@D.jennis这是一个非常好和简洁的解释！你应该考虑在你自己的问题上提交一个实际的答案，而不是把它留在评论中，因为它最终可能会消失。