HTML DOM Area origin Property
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="Beginner1"> <area id="Beginner" shape="rect" coords="0, 0, 110, 100" alt="Beginner" href="https://manaschhabra:manaschhabra499@www.w3wiki.net/"> </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 origin property. let x = document.getElementById("Beginner").origin; document.getElementById("GEEK!").innerHTML = x; } </script></body></html> |
Output:
Supported Browsers:
- Google Chrome
- Firefox
- Opera
- Safari