Open In App

HTML DOM Address Object

Improve
Improve
Like Article
Like
Save
Share
Report

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>
    <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() {
            let txt = document.getElementById("s");
            txt.style.color = "green";
        }
    </script>
</body>
</html>


Output: 

 

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

HTML




<!DOCTYPE html>
<html>
   
<body>
    <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() {
            let x = document.createElement("ADDRESS");
            let t = document.createTextNode("Baker street, 221B, UK");
            x.appendChild(t);
            document.getElementById("p").appendChild(x);
        }
    </script>
</body>
</html>


Output:

 

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

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


Last Updated : 14 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads