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あなたはそれをテストすることができます<p>ZZZ</p>

本当の身長を知る方法はありますか?? または実質マージン??

jsfiddleで確認できます。jsfiddle には css があるため、この例には css があります。

このルールがあれば、すべてが機能するのではないかと心配しています。

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

</p>

ありがとう、