为什么DOM操作要花这么长时间？

Question

过去我读过，操纵DOM是您可以在javascript中完成的最昂贵的操作之一。 我也看到了perfs中的演示。 为什么要花这么长时间？

Answer 1

这种缓慢是由于文档重排造成的。 来自Google Developers 加速JavaScript：使用DOM指南

使用DOM可能导致浏览器重排，这是浏览器确定事物显示方式的过程。 直接操作DOM，更改元素的CSS样式以及调整浏览器窗口的大小都可以触发重排 。 访问元素的布局属性（例如offsetHeight和offsetWidth）也可以触发重排。 因为每次重排都需要时间 ，所以我们可以最大程度地减少浏览器重排，我们的应用程序将更快。

Answer 2

每次更新DOM时，都会重新呈现文档。 布局非常复杂。