jQuery innerHeight() 方法

jQuery HTML/CSS 方法

innerHeight()方法獲取或設(shè)置所選元素的內(nèi)部高度（包括padding，但不包括margin和border）。

當(dāng)使用innerHeight()方法獲取高度時，它返回第一個選定元素的高度。

當(dāng)使用innerHeight()方法設(shè)置高度時，它將設(shè)置所有選定元素的高度。

如下圖所示，innerHeight()方法包括padding，但不包括border和margin：

高度值也可以是相對的。如果為值提供了前導(dǎo)+=或-=字符序列，則通過從當(dāng)前值中添加或減去給定的數(shù)字來計算目標(biāo)高度（例如innerHeight（“ + = 100”））。

語法：

獲取內(nèi)部高度：

$(selector).innerHeight()

設(shè)置內(nèi)部高度：

$(selector).innerHeight(value)

示例

獲取DIV元素的內(nèi)部高度：

$("div").click(function(){
  $(this).innerHeight();
});

設(shè)置所有段落的內(nèi)部高度：

$("button").click(function(){
  $("p").innerHeight(100);
});

使用不同的單位設(shè)置所有段落的內(nèi)部高度：

$("#btn1").click(function(){
  $("p").innerHeight(100);
});
$("#btn2").click(function(){
  $("p").innerHeight("7em");
});
$("#btn3").click(function(){
  $("p").innerHeight("100vh");
});

顯示width()，height()，innerHeight()，innerWidth()，outerWidth()和outerHeight()之間的差異：

$("button").click(function(){
  $("div").width();
  $("div").innerWidth();
  $("div").outerWidth();
  $("div").height();
  $("div").innerHeight();
  $("div").outerHeight();
});

參數(shù)值

jQuery HTML/CSS 方法