jQuery获取元素的渲染高度？

Question

如何获得元素的渲染高度？

假设您有一个 <div>里面有一些内容的元素。里面的这个内容将拉伸(stretch)<div>的高度.当您没有明确设置高度时，如何获得“渲染”高度。显然，我试过了:

var h = document.getElementById('someDiv').style.height;

这样做有诀窍吗？如果有帮助，我正在使用 jQuery。

Answer 1

尝试以下之一:

var h = document.getElementById('someDiv').clientHeight;
var h = document.getElementById('someDiv').offsetHeight;
var h = document.getElementById('someDiv').scrollHeight;

clientHeight 包括高度和垂直填充。

offsetHeight 包括高度、垂直内边距和垂直边框。

scrollHeight 包括包含文档的高度(在滚动的情况下会大于高度)、垂直填充和垂直边框。