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 that contains the protocol part of the current URL, including the colon (:).
Syntax:
- It returns 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 the URL. The possible value of protocol is- file:, ftp:, http:, https: etc.
Return Value: It returns a string that contains the protocol part of the current URL, including the colon (:).
Example 1: This example returns the Area protocol Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Area protocol Property
</ title >
</ head >
< 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.
let x =
document.getElementById("Geeks").protocol;
document.getElementById("GEEK!").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example sets the Area protocol property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Area protocol Property
</ title >
</ head >
< 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.
let x =
document.getElementById("Geeks").protocol = "ftp:";
document.getElementById("GEEK!").innerHTML =
"The protocol has been changed to " + x;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome
- Firefox
- Internet Explorer
- Opera
- Safari
Last Updated :
22 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...