javascript - 如何在 IE7 中更改 DHTML 后强制重排？

Question

我有一个页面，用户可以在其中动态添加文件上传框。添加框会更改它们所在的 div 的高度，但其下方 div 的某些元素仍保留在同一位置，因此它们开始与新的 DOM 元素重叠。

这在 IE8、Firefox、Chrome 中可以正常工作。如何强制 IE7 使用新的 DHTML 重排页面？

我制定的最佳解决方案是:

window.resizeBy(1, 0); 
setTimeout(UndoResize, 0);

但它不适用于最大化窗口(它会恢复窗口)。

Answer 1

尝试:

element.className = element.className;

在修改后的 div 上(或者可能是它的父级，甚至是更远的祖先，这取决于各种因素，例如相对定位的容器)。

作为 className已分配一个值 IE 将重排并重新绘制页面的该部分，以防影响该元素的 CSS 已更改。幸运的是，它没有经过优化来检查 className值实际上从它之前的值改变了，所以上面会触发回流而不破坏其他任何东西。

我确实发现有一次修复了 IE6 但破坏了 IE7，但请尝试一下，看看它是否适合您。