Ejemplo
Devolver la altura de un elemento <div>:
$("button").click(function(){
alert($("div").height());
});
Inténtalo tú mismo " Definición y Uso
Los height() conjuntos o método devuelve la altura de los elementos seleccionados.
Cuando se utiliza este método para devolver altura, devuelve la altura del elemento emparejado PRIMERO.
Cuando se utiliza este método para establecer la altura, que define la altura de todos los elementos coincidentes.
A medida que la imagen de abajo ilustra, este método no incluye el relleno, el borde o margen.
métodos relacionados:
- width() - Establece o devuelve el ancho de un elemento
- innerWidth() - Devuelve el ancho de un elemento (incluye relleno)
- innerHeight() - Devuelve la altura de un elemento (incluye relleno)
- outerWidth() - Devuelve el ancho de un elemento (incluye el relleno y el borde)
- outerHeight() - Devuelve la altura de un elemento (incluye el relleno y el borde)
Sintaxis
Devolver la altura:
$(selector).height()
Ajuste la altura:
$(selector).height(value)
Establecer la altura utilizando una función:
$(selector).height(function(index,currentheight))
Parámetro | Descripción |
---|---|
value | Necesario para ajustar la altura. Especifica la altura en píxeles, em, PT, etc. unidad por defecto es px |
function(index,currentheight) | Opcional. Especifica una función que devuelve la nueva altura de los elementos seleccionados
|
Inténtelo usted mismo - Ejemplos
Ajuste la altura de un elemento
Cómo ajustar la altura de un elemento utilizando diferentes unidades.
Aumentar la altura utilizando una función
Cómo utilizar una función para aumentar la altura de un elemento.
Devolver la altura de los elementos del documento y de la ventana
¿Cómo devolver la altura actual de los elementos del documento y de la ventana.
Dimensiones de la pantalla con los métodos relacionados
Cómo utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() y outerHeight() .