如何使用Javascript / jQuery获取元素的框高度？

Question

我尝试使用jQuery .height()函数来获取元素的高度，但它似乎忽略了填充和边距。

如何使用Javascript和/或jQuery获取元素框的大小？

Answer 1

使用outerHeight

http://api.jquery.com/outerHeight/

Answer 2

你能用另一个div中的padding / margin包装div并获得容器div的高度吗？

<div id="container">
 <div id="divWithPadding">
   content
 </div>
</div>

Answer 3

使用outerHeight();

的示例

http://jsfiddle.net/HruqF/2/