如何使用javascript获得动态变化div的高度？

Question

无论如何使用javascript获取动态div的高度？我有一个动态div，动态填充内容。我想每次都知道div的高度。 任何人都可以帮我解决一下吗？

Answer 1

这可能对您有所帮助

document.getElementById("div1").clientHeight

Answer 2

See this Fiddle

您可以从height Property

设置/获取DIV的高度

示例代码是，

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

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

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

Answer 3

您可以根据需要使用.height（）,. innerHeight（）或outerHeight（）。

.height（） - 返回元素的高度，不包括填充，边框和边距。

.innerHeight（） - 返回元素的高度，包括填充但不包括边框和边距。

.outerHeight（） - 返回div的高度，包括边框，但不包括边距。

.outerHeight（true） - 返回div的高度，包括margin。