La propiedad de altura de imagen HTML DOM se utiliza para establecer o devolver el valor del atributo de altura del elemento de imagen. El atributo de altura se utiliza para especificar la altura de la imagen en términos de píxeles.
Sintaxis:
Devuelve la propiedad de altura de la imagen.
imageObject.height
Establece la propiedad de altura de la imagen.
imageObject.height = pixels
Valores de propiedad:
- píxeles: especifica la altura del elemento de imagen en términos de píxeles
Valor devuelto: Devuelve un valor de string que representa la altura de la imagen en términos de píxeles.
Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad de altura de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image Height 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").height;
document.getElementById("sudo")
.innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Ejemplo 2: El siguiente código establece la propiedad de altura de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image Height 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").height = "75";
document.getElementById("sudo")
.innerHTML = g + "px";
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Firefox
- explorador de Internet
- 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