javascript - 在 IE 中设置为自动后获取 div 的高度

Question

我正在编写一些 JavaScript 来更改某些内容的大小。为此，我需要知道内容中 div 的大小。如果我有以下 html:

<div id="wrapper">
   ... other stuff ...
   <div id="inner" style="height:400px">Some text in here</div>
   ... other stuff ...
</div>

以及以下 JavaScript:

$('#inner').height('auto');
var height = $("#wrapper").height();

在 FireFox 和 Chrome 中，高度变量随着内部 div 扩展以适应所有文本而增加。在 IE 中，这保持不变。我想它不会立即重绘 div。有人知道如何在 IE 中获得新的正确高度吗？

干杯

Answer 1

问题是元素没有立即重绘，那么你需要异步测量高度 - 设置一个 0 毫秒的超时来测量它并继续执行。