Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Area origin Property

  • Last Updated : 28 May, 2019

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.




<!DOCTYPE html> 
<html
<title
    HTML DOM Area origin Property 
</title
  
<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
        https://manaschhabra:manaschhabra499@www.geeksforgeeks.org/
                        target="_self"
    </map> 
  
    <img src
        width="300"
        height="100"
        alt="Geeksforgeeks"
        usemap="#Geeks1"
    </br>
    <p id="GEEK!"></p
      
    <script
        function GFG() { 
              
        // Return origin property. 
            var x = document.getElementById("Geeks").origin; 
        document.getElementById("GEEK!").innerHTML = x; 
        
    </script
</body
  
</html>                    

Output:
Before Clicking on Button:



After Clicking on Button:

Supported Browsers:

  • Google Chrome
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :