Skip to content
Related Articles

Related Articles

HTML | DOM Address Object

Improve Article
Save Article
  • Last Updated : 29 Jun, 2021
Improve Article
Save Article

The DOM address object is used to represent the HTML <address> element. The address element can be accessed using the getElementById() method.

Syntax:  

document.getElementById("id"); 

Where ‘id’ is the ID assigned to the address tag.

Example-1: In the below program the address element is accessed and the color of the text inside the address element is changed. 

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>


Output: 
Before clicking on button: 
 

address

After clicking on button: 
 

address

Example-2: Address Object can be created by using the document.createElement method.  

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>


Output: 
Before clicking on button: 
 

address

After clicking on button: 
 

address

Supported Browsers: The browser supported by HTML DOM Address object are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!