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中看到。这个例子有css，因为jsfiddle有css

我很害怕，如果我有这个规则，每一个都有效：

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

谢谢，

javascript中DOM元素的真实高度

0 个答案: