javascript - 如何获取 px 维度的 高度

Question

我已经使用 jQuery 库找出 div 的高度.

下面是我的div具有属性的元素:

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

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

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();