HTML | DOM Area protocol Property

The Area protocol property in HTML is used to return the protocol or set the protocol of the current URL. It returns a string which contains the protocol part of the current URL, including the colon (:).
Syntax:

  • It return the Area protocol property.
     areaObject.protocol
  • It is used to set the Area protocol property.
    areaObject.protocol = protocol 

Property Values: This method accepts single value protocol of string type. It is used to set the protocol of URL. The possible value of protocol are- file:, ftp:, http:, https: etc.

Return Value: It returns a string which contains the protocol part of the current URL, including the colon (:).



Example 1: This example returns the Area protocol Property.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:
Before Clicking on Button:

After Clicking on Button:


Example 2:
This example sets the Area protocol property.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html> 
<html
<title
    HTML DOM Area protocol Property 
</title
  
<body
    <h4> HTML DOM Area protocol 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:80/
                       target="_self"
    </map> 
  
    <img src
        width="300"
        height="100"
        alt="Geeksforgeeks"
        usemap="#Geeks1"
    </br>
    <p id="GEEK!"></p
      
    <script
        function GFG() { 
              
        // Set protocol property. 
            var x = document.getElementById("Geeks").protocol = "ftp:"; 
        document.getElementById("GEEK!").innerHTML = 
                "The protocol has been changed to " + x; 
        
    </script
</body
  
</html>                     

chevron_right


Output:
Before Clicking on Button:

After Clicking on Button:

Supported Browsers:

  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.