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.
<!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 = https ://manaschhabra:manaschhabra499@www.geeksforgeeks.org:80/ 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.
<!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 = https ://manaschhabra:manaschhabra499@www.geeksforgeeks.org:80/ 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