檢測DIV的高度是否改變

Question

使用document.getElementByID('div1').clientHeight如何檢測div1的高度是否發生變化？

如果條件（Div1的高度變化）滿足，我需要進行操作。

例如

if(document.getElementByID('div1').clientHeight != //old div1's height)
{
   // do my operation
}

誰能給我提供這種JavaScript的語法。

Answer 1

利用div的style屬性。 也許您舊的div1的高度為20像素；

if(document.getElementByID('div1').style.height != 20px;)
{
   // do my operation
}

Answer 2

我會像這樣使用JQuery

$(elm).resize(function(event) {
    alert('resized!');
    /* ... other code ... */
});

有關更多信息，請參見http://api.jquery.com/resize/ 。

獨立於任何實現，您可能應該使用調節器：“調整大小處理程序中的代碼不應依賴於調用處理程序的次數。根據實現的不同，調整大小事件可以隨着調整大小的進行而連續發送（典型行為在Internet Explorer和基於WebKit的瀏覽器（例如Safari和Chrome）中，或在調整大小操作結束時僅一次（在某些其他瀏覽器（例如Opera）中的典型行為）。

Answer 3

document.getElementById('div1').onresize = function() {...};

將所需的任何代碼放入函數中。

我不是100％肯定會成功。 您最好使用setInterval來檢查offsetHeight是否已更改並采取相應措施。