javascript - javascript中DOM元素的实际高度

Question

我想知道 DOM 元素的真实高度。我的情况是这样的。我的例子没有CSS，只有一个默认浏览器CSS（Firefox），你可以测试一下：

<div class="myClass">
    <p>XXX</p>
    <p>YYY</p>
    <p>ZZZ</p>
</div>
<div class="myClass2">
  UUU
</div>

结果：

jQuery(".myClass").height()          ------> 89px
jQuery(".myClass").innerHeight()     ------> 89px
jQuery(".myClass").innerHeight(true) ------> 89px
jQuery(".myClass").outerHeight()     ------> 89px
jQuery(".myClass").outerHeight(true) ------> 89px

但是div.myClass的高度更高。问题在于有边距的元素。我知道我可以执行这样的事情：

jQuery(".myClass").outerHeight(true)

但这仅在此元素具有边距时才有效，在我的情况下，边距具有子元素（p标签）。可以测试一下，UUU下移是因为margin<p>ZZZ</p>

有什么办法知道真实身高吗？？还是实际利润？？

您可以在jsfiddle中看到。这个例子有 css 因为 jsfiddle 有css

我有恐惧，如果我有这个规则每件作品：

div.myClass {
    border: 1px solid red;
}

​</p>

谢谢，