Método innerHeight() de jQuery

jQuery HTML/Métodos CSS

El método innerHeight() obtiene o establece la altura interna del elemento seleccionado (incluso padding, pero no incluye margin y border).

Al usar el método innerHeight()Obteneral establecer la altura, devolveráEl primer elemento seleccionadoaltura.

Al usar el método innerHeight()Estableceral establecer la altura, estableceráTodos los elementos seleccionadosaltura.

Como se muestra en la imagen siguiente, el método innerHeight() incluye padding, pero no incluye border y margin:

La altura también puede ser relativa. Si se proporciona un valor con un prefijo+=-Si es una secuencia de caracteres igual a =, calcule la altura objetivo sumando o restando el número dado desde el valor actual (por ejemplo, innerHeight(" + = 100)）。

Sintaxis:

Obtenga la altura interna:

$(selector).innerHeight()

Establezca la altura interna:

$(selector).innerHeight(value)

Ejemplo

Obtenga la altura interna del elemento DIV:

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

Establezca la altura interna de todos los párrafos:

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

Establezca la altura interna de todos los párrafos utilizando diferentes configuraciones de unidades:

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

Mostrar la diferencia entre width(), height(), innerHeight(), innerWidth(), outerWidth() y outerHeight():

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

Valor del parámetro

jQuery HTML/Métodos CSS