La propiedad de ancho de imagen HTML DOM se utiliza para establecer o devolver el valor del atributo de ancho del elemento <img> . Devuelve un valor numérico en términos de píxeles.
Sintaxis:
Devuelve la propiedad de ancho.
imageObject.width
Establece la propiedad de ancho.
imageObject.width = pixels
Valores de propiedad:
- píxeles: Especifica el ancho del elemento Imagen en términos de píxeles.
Valor devuelto: Devuelve un valor de string que representa el ancho de la imagen en términos de píxeles.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad Ancho de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image width Property</h2>
<img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
width="400" height="150" />
<br>
<button onclick="Geeks()">
Click me!
</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").width;
document.getElementById("sudo").innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo establece la propiedad de ancho de imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image width Property</h2>
<img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
width="400" height="150" />
<br>
<button onclick="Geeks()">
Click me!
</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").width = "200";
document.getElementById("sudo").innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA