Question

使用document.getElementByID('div1').clientHeight如何检测div1的高度是否发生变化？

如果条件（Div1的高度变化）满足，我需要进行操作。

E.g。

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

任何人都可以向我提供这种JavaScript的语法。

Answer 1

利用div的style属性。也许你的旧div1的高度是20px;

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是否已经改变并采取相应的行动。

检测DIV的高度是否发生变化

3 个答案: