如何使用 javascript 获取动态变化的 div 的高度？ [复制]

Posted 2023-03-06

【中文标题】如何使用 javascript 获取动态变化的 div 的高度？ [复制]

【英文标题】：How can i get the height of a dynamicly varying div using javascript? [duplicate]

【发布时间】：2013-11-04 01:37:54

【问题描述】：

有没有办法使用 javascript 获取动态 div 的高度？我有一个由内容动态填充的动态 div。我每次都想知道 div 的高度。 谁能帮我弄清楚？

【问题讨论】：

你知道在哪个事件之后 div 的高度会增加吗？如果您知道，请使用脚本 document.getElementById('your divid').height()

【参考方案1】：

See this Fiddle.

您可以通过height Property设置/获取DIV的Height

示例代码是，

document.getElementById("demo").style.height;

document.getElementById("demo").style.;

如果您在 CSS 中设置高度，请使用 JQuery。

【参考方案2】：

这可能对你有帮助

document.getElementById("div1").clientHeight

【参考方案3】：

您可以根据需要使用 .height()、.innerHeight() 或 outerHeight()。

.height() - 返回元素的高度，不包括内边距、边框和边距。

.innerHeight() - 返回元素的高度，包括内边距，但不包括边框和边距。

.outerHeight() - 返回包含边框但不包括边距的 div 的高度。

.outerHeight(true) - 返回包含边距的 div 的高度。