如何在px维度中获得<div>的高度

Question

我用jQuery库找出了一个高度div.

下面是我的div元素属性:

<DIV id="myDiv" style="height:auto; width:78;overflow:hidden"> Simple Test</DIV>

下面是我获取高度的jQuery代码 <div>

var result = $("#myDiv").css('height');
alert(result);

执行上述语句后,我得到的结果为"auto".实际上这是我没想到的,而不是我希望结果在px维度.

Answer 1

虽然它们如何检索高度值略有不同,即有些人会计算整个元素,包括填充,边距,滚动条等,其他人只会以原始形式计算元素.
你可以试试这些:

JavaScript的:

var myDiv = document.getElementById("myDiv");
myDiv.clientHeight;
myDiv.scrollHeight;
myDiv.offsetHeight;

或者在jquery中:

$("#myDiv").height();
$("#myDiv").innerHeight();
$("#myDiv").outerHeight();

Answer 2

使用.height()这样:

var result = $("#myDiv").height();

还有.innerHeight()和.outerHeight()取决于正是你想要的.

您可以在此处测试它,使用填充/边距/内容来查看它是如何变化的.

Answer 3

用途height():

var result = $("#myDiv").height();
alert(result);

这将为您提供无单位计算的高度(以像素为单位)."px"将从结果中删除.即如果高度为400px,结果将为400,但结果将以像素为单位.

如果你想在没有 jQuery的情况下这样做,你可以使用纯JavaScript:

var result = document.getElementById("myDiv").offsetHeight;