HTML DOM Area origin Property
Last Updated :
23 Jun, 2023
The DOM Area origin Property in HTML is used to return the protocol, hostname and port number of a URL. This is a read-only property.
Syntax:
areaObject.origin
Return Value: This method returns a String value representing the protocol, the domain name (or IP address) and port number. The URL’s having the ‘file://’ protocol may return different values depending on the browser.
Example: This example returns the Area origin Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Area origin Property
</ title >
</ head >
< body >
< h4 > HTML DOM Area origin Property </ h4 >
< button onclick = "GFG()" >
Click Here!
</ button >
< map name = "Geeks1" >
< area id = "Geeks" shape = "rect"
coords = "0, 0, 110, 100"
alt = "Geeks"
href =
</ map >
< img src =
width = "300" height = "100"
alt = "Geeksforgeeks"
usemap = "#Geeks1" >
< br >
< p id = "GEEK!" ></ p >
< script >
function GFG() {
// Return origin property.
let x =
document.getElementById("Geeks").origin;
document.getElementById("GEEK!").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome
- Firefox
- Opera
- Safari
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...