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.
html
<!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= 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> |
Output:
Before Clicking on Button:
After Clicking on Button:
Example 2: This example sets the Area protocol property.
html
<!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= 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> |
Output:
Before Clicking on Button:
After Clicking on Button:
Supported Browsers:
- Google Chrome
- Firefox
- Internet Explorer
- Opera
- Safari
![https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"](https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"){kind=link}
Please Login to comment...