jQuery获取元素高度

使用jQuery获取元素高度,但是发现获取到的高度不正确,原来是使用的方法不正确。

jQuery有四种获取高度的方法:

  1. height() = height
  2. innerHeight() = height + padding
  3. outerHeight() = height + padding + border-width
  4. outerHeight(true) = height + padding + border-width + margin

例如:

<div class="height:10px;border:2px solid #FFF;margin:10px;padding:10px;" id="acgist"></div>

各个值:

  1. height() = 10
  2. innerHeight() = 30
  3. outerHeight() = 34
  4. outerHeight(true) = 54

参考文章:http://www.jb51.net/article/51100.htm