El objeto de dirección DOM se utiliza para representar el elemento HTML <dirección>. Se puede acceder al elemento de dirección mediante el método getElementById() .
Sintaxis:
document.getElementById("id");
Donde ‘id’ es el ID asignado a la etiqueta de dirección .
Ejemplo-1: En el siguiente programa se accede al elemento de dirección y se cambia el color del texto dentro del elemento de dirección.
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>DOM address Object</h2>
<button onclick="Geeks()">Click Here</button><br><br>
<address id="s">GeeksforGeeks<br>
710-B, Advant Navis Business Park, <br>
Sector-142, Noida Uttar Pradesh – 201305
</address>
<script>
function Geeks() {
var txt = document.getElementById("s");
txt.style.color = "green";
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: el objeto de dirección se puede crear utilizando el método document.createElement .
html
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<h2>DOM address Object</h2>
<button onclick="Geeks()">Click Here!</button><br><br>
<div><span id="p"></span></div>
<script>
function Geeks() {
var x = document.createElement("ADDRESS");
var t = document.createTextNode("Baker street, 221B, UK");
x.appendChild(t);
document.getElementById("p").appendChild(x);
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles : los navegadores compatibles con el objeto de dirección HTML DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA