javascript - 如何在没有 jQuery 的情况下检测 DOM 元素突变

Question

假设我有以下 HTML:

<div id='content'></div>

我希望在此元素上发生高度突变时收到提醒。我希望 MutationObserver class 会在这方面有所帮助，但这是我的问题:

document.querySelector('#content').style.height = '100px'

它会像预期的那样触发我的回调，但是正常的用户交互不会触发它，例如 http://jsfiddle.net/wq4q9/2/

我的问题是，检查元素高度是否发生变化的最佳现代方法是什么？

请不要使用 jQuery。

Answer 1

我认为除了投票之外，您无能为力。 (另一种不会触发您的观察者的方式是，如果您更改了应用于该元素的 CSS 规则，更改了其父项的大小并且其大小取决于此，添加了一个影响它的新样式表......)