javascript - 如何在 DOM 上的 javascript 操作后立即获取 html 元素的高度

Question

我想在 DOM 上的 javascript 操作完成时根据 html 元素的高度对网页布局进行最终调整。此操作必须立即执行，因此我不想使用 setTimeout 函数。我尝试了以下方法，但在其他函数完成对 DOM 的操作之前它运行得太快了:

document.onreadystatechange = function () {  
 if(document.readyState == 'complete') {  
  alert(document.getElementsByTagName('html')[0].offsetHeight);
 }  
};

对 DOM 的操作包括隐藏文档的某些部分，从而缩短 html 元素的高度。我不想在这些 javascript 函数中使用回调函数，因为它们有几个，并且必须在所有网页上应用此最终调整。

有什么方法可以单独使用 javascript 来完成吗？

Answer 1

有(有)DOMMutationEvents - 缓慢且未得到广泛支持。 DOM MutationObserver是新玩意——不过浏览器支持仍然很低。

不可能在不同的浏览器之间可靠(快速)地执行此操作。

---

如果您(专门)在 DOM 操作业务中使用 jQuery，您可以查看 cssHooks .不过，一旦 DOM 被除 jQuery 以外的任何其他方式修改，该选项就会失败。