如何在 Javascript DOM 更新后触发 CSS 布局重新计算？

Question

我经常发现，如果我在 javascript 中创建或重新创建 DOM 节点，CSS 引擎不会重新计算父容器的大小。这发生在 Firefox 和 Chrome 中。

例如，body当新内容溢出底部时，可能会保持相同的大小。如果我调整窗口的大小，主体会增长，但它不会“锁定”到正确的大小，直到窗口的大小至少与应有的一样大body。

有没有办法在 Javascript 中触发完整的布局重新计算？

Answer 1

您可以通过将 CSS 样式设置为无害的值来触发 JavaScript 重绘，例如

document.body.style.zIndex = 1;