La propiedad alt de la imagen HTML DOM se utiliza para establecer o devolver el valor del atributo alt del elemento de imagen. El atributo alt se utiliza para especificar el texto alternativo de una imagen. Es útil cuando la imagen no se muestra. Se utiliza para dar información alternativa para una imagen.
Sintaxis:
Devuelve la propiedad alt de la imagen.
ImageObject.alt
Establece la propiedad alt de la imagen.
ImageObject.alt = text
Valores de propiedad: Contiene un solo valor que especifica el texto alternativo para la imagen.
Valor devuelto: Devuelve un valor de string que representa el texto alternativo de la imagen.
Ejemplo 1: este ejemplo devuelve la propiedad alt de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>HTML DOM Image alt Property</h2>
<img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo" />
<br />
<button onclick="Geeks()">Click me!</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = document.getElementById("GFG").alt;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo establece la propiedad alt de la imagen.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>HTML DOM Image alt Property</h2>
<img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo" />
<br />
<button onclick="Geeks()">
Click me!
</button>
<p id="sudo"></p>
</center>
<script>
function Geeks() {
var g = (document.getElementById("GFG").alt
= "Hello GeeksForGeeks");
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA