HTML | DOM Area hostname Property
The Area hostname property in HTML is used to return the hostname of the current URL. The Location hostname property returns a string which contains the domain name, or the IP address of a URL.
Syntax:
- It return the Area hostname property.
areaObject.hostname
- It is used to set the Area hostname property.
areaObject.hostname = hostname
Property Values: It contains single value hostname which specify the hostname of the URL.
Return Value: It returns a string value which represents the domain name of the URL.
Example 1: This example returns the Area hostname Property.
html
<!DOCTYPE html><html><title> HTML DOM Area hostname Property</title><body> <h4> HTML DOM Area hostname 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 hostname property. var x = document.getElementById("Geeks").hostname; document.getElementById("GEEK!").innerHTML = x; } </script></body></html> |
Output:
Before Clicking on Button:
After Clicking on Button:
Example 2: This example sets the Area hostname property.
html
<!DOCTYPE html><html><title> HTML DOM Area hostname Property</title><body> <h4> HTML DOM Area hostname 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 hostname property. var x = document.getElementById("Geeks").hostname = "ide.geeksforgeeks.org"; document.getElementById("GEEK!").innerHTML = "The hostname has been changed to " + x; } </script></body></html> |
Output:
Before Clicking on Button:
After Clicking on Button:
Supported Browsers:
- Google Chrome
- Firefox
- Internet Explorer
- Opera
- Safari
![https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"){kind=link}
Please Login to comment...