Skip to content
Related Articles

Related Articles

HTML | DOM Anchor host Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 24 Oct, 2019
View Discussion
Improve Article
Save Article

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

Syntax:

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

Property Values: It contains the value hostname:port Which specify the hostname and the port number of a URL.

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

Example:This Example returns the host Property.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor host Property
    </title>
</head>
  
<body>
    <center>
        <h1>GeeksForGeeks</h1>
  
        <h2>
          DOM Anchor host Property
      </h2>
  
        <p>Welcome to
            <a href=
               id="GFG"
               rel="nofollow" 
               hreflang="en-us"
               target="_self"
                GeeksforGeeks 
            </a>
        </p>
  
        <button onclick="myGeeks()">
          Submit
      </button>
  
        <p id="sudo"
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function myGeeks() {
                
                var x = 
                    document.getElementById(
                      "GFG").host;
                
                document.getElementById(
                  "sudo").innerHTML = x;
            }
        </script> "
    </center>
</body>
  
</html>

Output:
Before Clicking On Button:

After Clicking On Button:

Example-2: This Example sets the Host Property.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor host Property
    </title>
</head>
  
<body>
    <center>
        <h1>GeeksForGeeks</h1>
  
        <h2>
          DOM Anchor host Property
      </h2>
  
        <p>Welcome to
            <a href=
               id="GFG"
               rel="nofollow"
               hreflang="en-us" 
               target="_self"
                GeeksforGeeks 
            </a>
        </p>
  
        <button onclick="myGeeks()">
          Submit
      </button>
  
        <p id="sudo" 
           style="color:green;
                  font-size:25px;">
      </p>
  
        <script>
            function myGeeks() {
                var x = 
                    document.getElementById("GFG").host =
                    "www.geeksforgeeks.org:443";
                
                document.getElementById(
                  "sudo").innerHTML = x;
            }
        </script> "
    </center>
</body>
  
</html>

Output :
Before Clicking On Button:

After Clicking On Button:

Supported Browsers: The browser supported by DOM Anchor host property are listed below:

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!