为此，您可以使用. outerheight()。

它会给你元素的完整渲染高度。此外，您不需要设置元素的css-height。为预防起见，你可以保持它的高度自动，这样它就可以根据内容的高度来渲染。

//if you need height of div excluding margin/padding/border
$('#someDiv').height();

//if you need height of div with padding but without border + margin
$('#someDiv').innerHeight();

// if you need height of div including padding and border
$('#someDiv').outerHeight();

//and at last for including border + margin + padding, can use
$('#someDiv').outerHeight(true);

想要更清楚地了解这些函数，你可以访问jQuery的网站或这里的详细文章。

它将清除.height() / innerHeight() / outerHeight()之间的差异

offsetHeight,通常。

如果你需要计算一些东西，但不显示它，将元素设置为visibility:hidden和position:absolute，将它添加到DOM树，获取offsetHeight，然后删除它。(这就是上次我检查的原型库在幕后所做的工作)。

你在css中设置高度了吗?如果你没有，你需要使用offsetHeight;而不是身高

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

MooTools:

$ (' someDiv ') .getSize .y ()

为此，您可以使用. outerheight()。

它会给你元素的完整渲染高度。此外，您不需要设置元素的css-height。为预防起见，你可以保持它的高度自动，这样它就可以根据内容的高度来渲染。

//if you need height of div excluding margin/padding/border
$('#someDiv').height();

//if you need height of div with padding but without border + margin
$('#someDiv').innerHeight();

// if you need height of div including padding and border
$('#someDiv').outerHeight();

//and at last for including border + margin + padding, can use
$('#someDiv').outerHeight(true);

想要更清楚地了解这些函数，你可以访问jQuery的网站或这里的详细文章。

它将清除.height() / innerHeight() / outerHeight()之间的差异

它应该只是

$('#someDiv').height();

与jQuery。这将以数字的形式检索换行集中第一项的高度。

尝试使用

.style.height

只有在您首先设置了该属性时才有效。不是很有用!