Méthode innerHeight() de jQuery

jQueryHTML/CSS方法

La méthode innerHeight() de jQuery permet de获取 ou de définir l'hauteur interne de l'élément sélectionné (y compris le padding, mais pas la marge et la bordure).

Lorsque vous utilisez la méthode innerHeight()ObtenirLorsque la hauteur est définie, il renverraLe premier élément sélectionnéde hauteur.

Lorsque vous utilisez la méthode innerHeight()DéfinirLorsque la hauteur est définie, il définiraTous les éléments sélectionnésde hauteur.

Comme illustré dans l'image ci-dessous, la méthode innerHeight() inclut le padding, mais pas la bordure et la marge :

La valeur de la hauteur peut également être relative. Si une valeur est fournie avec un préfixe+=-Si la valeur est une chaîne de caractères, calculer la hauteur cible en ajoutant ou en soustrayant le nombre donné à la valeur actuelle (par exemple innerHeight(" + = 100”）。

Syntaxe :

Obtenir la hauteur interne :

$(selector).innerHeight()

Définir la hauteur interne :

$(selector).innerHeight(value)

示例

Obtenir la hauteur interne de l'élément DIV :

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

Définir la hauteur interne de tous les paragraphes :

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

Définir la hauteur interne de tous les paragraphes en utilisant différents unités :

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

参数值

jQueryHTML/CSS方法