📜  jQuery innerHeight()(1)

📅  最后修改于: 2023-12-03 15:02:09.931000             🧑  作者: Mango

jQuery innerHeight()

jQuery innerHeight() 方法返回指定元素的内部高度 (包括内边距,但不包括边框和外边距)。

语法
$(selector).innerHeight();
参数

该方法没有参数。

返回值

返回元素的内部高度,单位为像素(px)。

用法示例

下面是一个使用 innerHeight() 方法的示例,获取元素的内部高度并将其输出到控制台:

<div class="box">
  <p>这是一个段落。</p>
  <p>这是另一个段落。</p>
</div>
const height = $('.box').innerHeight();
console.log(height);

输出结果应该为:

40
注意事项
  • innerHeight() 方法不包括元素的外边距(margin)。如果需要包括外边距,可以使用 outerHeight() 方法。
  • 该方法只适用于块级元素和行内块级元素。
总结

innerHeight() 方法是一个非常方便的方法,可以轻松地获取指定元素的内部高度。使用该方法时要注意边框和外边距的影响,以及该方法只适用于块级元素和行内块级元素。