jQuery innerHeight() メソッド

jQueryのHTML/CSSメソッド

innerHeight()メソッドは、選択された要素の内部高さを取得または設定します（paddingを含みますが、marginとborderは含まれません）。

innerHeight()メソッドを使用する場合、取得高さを設定する場合、それが最初の選択された要素の高さです。

innerHeight()メソッドを使用する場合、設定高さを設定する場合、それがすべての選択された要素の高さです。

以下の図のように、innerHeight()メソッドはpaddingを含みますが、borderとmarginは含まれません：

高さ値も相対的であります。値に接頭辞が提供されている場合、+=または-=文字列の場合、現在の値に指定された数字を加算または減算して目標高さを計算します（例：innerHeight（" + = 100”））。

文法：

内部高さを取得します：

$(selector).innerHeight()

内部高さを設定します：

$(selector).innerHeight(value)

例

DIV要素の内部高さを取得します：

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

すべての段落の内部高さを設定します：

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

すべての段落の内部高さを異なる単位で設定します：

$("#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();
});

パラメータの値

jQueryのHTML/CSSメソッド