HTML DOM Area host Property
Last Updated :
22 Jun, 2023
The DOM Area host Property in HTML DOM is used to set or return the hostname and port part of the href attribute value.
Syntax:
- It returns the Area host property.
areaObject.host
- It is used to set the Area host property.
areaObject.host = hostname:port
Property Values: It contains a single value hostname: port which specifies the hostname and port number of the URL.
Return Value: It returns a string value that represents the domain name and port number of the URL.
Example 1: This example returns the Area host Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Area host Property
</ title >
</ head >
< body >
< h4 >
HTML DOM Area host 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 host property.
let x =
document.getElementById("Geeks").host;
document.getElementById("GEEK!").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example sets the Area host property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Area host Property
</ title >
</ head >
< body >
< h4 >
HTML DOM Area host 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 host property.
let x =
document.getElementById("Geeks").host =
"www.geeksforgeeks.org:111";
document.getElementById("GEEK!").innerHTML =
"The host has been changed to " + x;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome
- Firefox
- Internet Explorer
- Opera
- Safari
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...