Ejemplo
Cambiar el ancho de una imagen de 300 píxeles:
document.getElementById("myImg").width = "300"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades de anchura o devuelve el valor de la width atributo de una imagen.
El width atributo especifica la anchura de una imagen.
Esta propiedad también puede devolver el ancho de una imagen que se ha labrado con CSS (Ver Más Ejemplos).
Consejo: Utilice la altura de propiedad para establecer o devolver el valor de la height atributo de una imagen.
Soporte para el navegador
| Propiedad | |||||
|---|---|---|---|---|---|
| width | Sí | Sí | Sí | Sí | Sí |
Sintaxis
Devolver la propiedad width:
imageObject .widthEstablecer la propiedad width:
imageObject .width= pixels Valores de propiedad
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. height="100") |
Detalles técnicos
| Valor de retorno: | Un número que representa la anchura de la imagen en píxeles |
|---|
Más ejemplos
Ejemplo
Devolver el ancho de una imagen:
var x = document.getElementById("myImg").width;
El resultado de x será:
107 Inténtalo tú mismo " Ejemplo
Cambiar la altura y la anchura de una imagen de 300 píxeles:
document.getElementById("myImg").height="300";
document.getElementById("myImg").width="300"; Inténtalo tú mismo " Ejemplo
Devolver el ancho de una imagen que se ha labrado con CSS:
var x = document.getElementById("myImg").width; Inténtalo tú mismo " Páginas relacionadas
Referencia HTML: HTML <img> atributo width
objeto de imagen