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

【问题标题】：How can i get the height of a dynamicly varying div using javascript? [duplicate]如何使用 javascript 获取动态变化的 div 的高度？ [复制]
【发布时间】：2013-11-04 01:37:54
【问题描述】：

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

【问题讨论】：

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

标签： javascript html

【解决方案1】：

See this Fiddle.

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

示例代码是，

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

document.getElementById("demo").style.height="100px";

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

【讨论】：

【解决方案2】：

这可能对你有帮助

document.getElementById("div1").clientHeight

【讨论】：

【解决方案3】：

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

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

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

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

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

【讨论】：