Question

jquery如何获取div内容区域的高度

<div style="height: 200px; border: 1px solid #333; width: 250px; margin: 50px auto 0px;">
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
</div>
比如这个例子，我想获取这个div内容区域的高度，也就是这个div中所有p的高度和，怎么获取啊。貌似$("div").get(0).offsetHeight只能得到这个div的高度

Answer 1

用clientHeight或者scrollHeight试试看

Answer 2

首先你的把外面的div 高度给去掉

<div style="border: 1px solid #333; width: 250px; margin: 50px auto 0px;">
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
<p>caocaocaoc</p>
</div>

$("div").get(0).height()

就这样取就可以了