La propiedad de valor DOM en HTML se usa para establecer o devolver el valor de cualquier atributo.
Sintaxis:
- Devuelve el valor del atributo.
attribute.value
- Se utiliza para establecer un valor a la propiedad.
attribute.value = value
El valor de la propiedad:
- valor: Define el valor del atributo.
Valor devuelto: Devuelve un valor de string que representa el valor del atributo.
El siguiente programa ilustra la propiedad del valor DOM en HTML:
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
DOM Value Property
</title>
<!-- script to change property value -->
<script>
function myFunction() {
var x = document.getElementsByTagName("IMG")[0];
x.getAttributeNode("src").value =
"https://media.geeksforgeeks.org/wp-content/uploads/icon1.png";
}
</script>
</head>
<body style = "text-align:center">
<h1 style = "color:green;">
GeeksforGeeks
</h1>
<h2>DOM Value Property</h2>
<img src =
"https://media.geeksforgeeks.org/wp-content/uploads/icon2.png"
width="180" height="180">
<p>
Click the button to change the value
of attribute "src" of the image.
</p>
<!-- Button to change DOM value property -->
<button onclick = "myFunction()">
Try it
</button>
</body>
</html>
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad de valor DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por AshwinGoel y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA