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 that contains the domain name, or the IP address of a URL.
Syntax:
- It returns the Area hostname property.
areaObject.hostname
- It is used to set the Area hostname property.
areaObject.hostname = hostname
Property Values: It contains a single value hostname which specifies the hostname of the URL.
Return Value: It returns a string value that represents the domain name of the URL.
Example 1: This example returns the Area hostname Property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Area hostname Property </ title > </ head > < body > < h4 > HTML DOM Area hostname Property </ h4 > < button onclick = "GFG()" >Click Here! </ button > < map name = "Beginner1" > < area id = "Beginner" shape = "rect" coords = "0, 0, 110, 100" alt = "Beginner" href = "https://manaschhabra:manaschhabra499@www.w3wiki.net:80/" target = "_self" > </ map > < img src = "https://media.w3wiki.net/wp-content/uploads/a1-25.png" width = "300" height = "100" alt = "w3wiki" usemap = "#Beginner1" > < br > < p id = "GEEK!" ></ p > < script > function GFG() { // Return hostname property. let x = document.getElementById("Beginner").hostname; document.getElementById("GEEK!").innerHTML = x; } </ script > </ body > </ html > |
Output:
Example 2: This example sets the Area hostname property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Area hostname Property </ title > </ head > < body > < h4 > HTML DOM Area hostname Property </ h4 > < button onclick = "GFG()" > Click Here! </ button > < map name = "Beginner1" > < area id = "Beginner" shape = "rect" coords = "0, 0, 110, 100" alt = "Beginner" href = "https://manaschhabra:manaschhabra499@www.w3wiki.net:80/" target = "_self" > </ map > < img src = "https://media.w3wiki.net/wp-content/uploads/a1-25.png" width = "300" height = "100" alt = "w3wiki" usemap = "#Beginner1" > < br > < p id = "GEEK!" ></ p > < script > function GFG() { // Set hostname property. let x = document.getElementById("Beginner").hostname = "ide.w3wiki.net"; document.getElementById("GEEK!").innerHTML = "The hostname has been changed to " + x; } </ script > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Firefox
- Internet Explorer
- Opera
- Safari