La propiedad HTML DOM Image src se utiliza para establecer o devolver el valor del atributo src del elemento <img>. Este atributo se utiliza para especificar la URL de la Imagen.
Sintaxis:
-
Devuelve la propiedad src de la imagen.
imageObject.src
-
Establezca la propiedad src de la imagen.
imageObject.src = URL
Valores de propiedad: contiene una URL de valor único que especifica la URL del documento que está incrustado en la imagen. Hay dos tipos de enlaces URL que se enumeran a continuación:
- URL absoluta: Apunta a otra página web.
- URL relativa: Apunta a otros archivos de la misma página web.
Valor devuelto: Devuelve un valor de string que representa la URL de la imagen.
Ejemplo: el siguiente código devuelve la propiedad src.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2>HTML DOM Image src 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").src;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo establece la propiedad src.
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color: green">GeeksforGeeks</h1>
<h2>HTML DOM Image src 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").src =
"https://media.geeksforgeeks.org/wp-content/uploads/20210915115837/gfg3-300x300.png"
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Firefox
- explorador de Internet
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA