Open In App
Related Articles

HTML DOM Area host Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

The DOM Area host Property in HTML DOM is used to set or return the hostname and port part of the href attribute value. 

Syntax:

  • It returns the Area host property.
 areaObject.host
  • It is used to set the Area host property.
areaObject.host = hostname:port 

Property Values: It contains a single value hostname: port which specifies the hostname and port number of the URL. 

Return Value: It returns a string value that represents the domain name and port number of the URL. 

Example 1: This example returns the Area host Property. 

HTML

<!DOCTYPE html>
<html>
   
<head>
    <title>
        HTML DOM Area host Property
    </title>
</head>
 
<body>
    <h4>
          HTML DOM Area host Property
      </h4>
    <button onclick="GFG()">
          Click Here!
    </button>
    <map name="Geeks1">
        <area id="Geeks" shape="rect"
              coords="0, 0, 110, 100"
              alt="Geeks"
              href=
              target="_self">
    </map>
        <img src=
             width="300" height="100"
             alt="Geeksforgeeks"
             usemap="#Geeks1">
        <br>
        <p id="GEEK!"></p>
 
        <script>
            function GFG() {
 
                // Return host property.
                let x =
                document.getElementById("Geeks").host;
                document.getElementById("GEEK!").innerHTML = x;
            }
        </script>
</body>
 
</html>

                    

Output: 

 

Example 2: This example sets the Area host property. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Area host Property
    </title>
</head>
 
<body>
    <h4>
          HTML DOM Area host Property
      </h4>
    <button onclick="GFG()">
          Click Here!
    </button>
    <map name="Geeks1">
        <area id="Geeks" shape="rect"
              coords="0, 0, 110, 100"
              alt="Geeks"
              href=
              target="_self">
    </map>
        <img src=
             width="300" height="100"
             alt="Geeksforgeeks"
             usemap="#Geeks1">
        <br>
        <p id="GEEK!"></p>
 
        <script>
            function GFG() {
 
                // Set host property.
                let x =
                document.getElementById("Geeks").host =
                    "www.geeksforgeeks.org:111";
                document.getElementById("GEEK!").innerHTML =
                    "The host has been changed to " + x;
            }
        </script>
</body>
 
</html>

                    

Output: 

 

Supported Browsers:

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


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