Propiedad de altura de la imagen

Objeto Image de DOM HTML

Definición y uso

height Configurar o devolver la altura de la imagen Propiedad height Valor.

Propiedad height Especificar la altura de la imagen.

Esta propiedad también puede devolver la altura de la imagen utilizando la configuración CSS (véase el ejemplo a continuación).

Consejo:Consejo: Propiedad width Establecer o devolver la altura de la imagen Valor de la propiedad width.

Ejemplo

Ejemplo 1

Cambiar la altura de la imagen a 300px:

document.getElementById("myImg").height = "300";

Prueba personal

Ejemplo 2

Devolver la altura de la imagen:

var x = document.getElementById("myImg").height;

Prueba personal

Ejemplo 3

Cambiar la altura y anchura de la imagen a 300px y 450px respectivamente:

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

Prueba personal

Ejemplo 4

Devolver la altura de la imagen utilizando la configuración CSS:

var x = document.getElementById("myImg").height;

Prueba personal

Sintaxis

Devolver la propiedad height:

imageObject.height

Establecer la propiedad height:

imageObject.height = pixels

Valor del atributo

Valor Descripción
pixels Altura en píxeles (por ejemplo, height="100").

Detalles técnicos

Valor de retorno: Número, que representa la altura de la imagen en píxeles.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo height del <img> de HTML

Objeto Image de DOM HTML