Open In App

HTML | DOM Anchor hostname Property

Improve
Improve
Like Article
Like
Save
Share
Report

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

Syntax:

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

Property Values: It contains the value i.e hostname which specify the hostname of the URL.

Return Value: It returns the string value which represents the domain name or IP address of the URL.

Example-1: This Example returns the hostname Property.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor hostname Property
    </title>
</head>
  
<body>
    <center>
        <h1>
          GeeksForGeeks
      </h1>
  
        <h2>
          DOM Anchor hostname 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").hostname
                  
                document.getElementById(
                  "sudo").innerHTML = x;
            }
        </script> "
    </center>
</body>
  
</html>


Output:

Before Clicking On Button :

After Clicking On Button:

Example-2: This Example sets the hostname Property.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Anchor hostname Property
    </title>
</head>
  
<body>
    <center>
        <h1>
          GeeksForGeeks
      </h1>
  
        <h2>
          DOM Anchor hostname 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").hostname = 
                    "www.GeeksForGeeks.org"
                  
                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 hostname property are listed below:

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


Last Updated : 24 Oct, 2020
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads