HTML | DOM Anchor download Property
The DOM Anchor download Property in HTML DOM is used to set or return the value of the download attribute of a link. The download attribute is used to specify the target link will download when user click.
Syntax:
- It returns the download property.
anchorObject.download
- It is used to set the download property.
anchorObject.download = filename
Property Values:
- filename: It specifies the name of the file which has to be downloaded.
Return Value: It returns a string value which represents the name of the downloaded file.
Example-1: This Example returns the download Property.
<!DOCTYPE html><html> <head> <title> HTML DOM Anchor download Property </title></head> <body> <center> <h1>GeeksForGeeks</h1> <h2> DOM Anchor download Property </h2> <a href= id="GFG" rel="nofollow" hreflang="en-us" target="_self" download="GFG_Logo"> <img src= width="300" height="250"> </a> <BR> <button onclick="myGeeks()"> Submit </button> <p id="sudo" style="color:green; font-size:25px;"> </p> <script> function myGeeks() { var x = document.getElementById( "GFG").download; document.getElementById( "sudo").innerHTML = x; } </script> " </center></body> </html> |
Output:
Before Clicking On Button :
After Clicking On Button :
Example-2 : This Example sets the Download Property.
<!DOCTYPE html><html> <head> <title> HTML DOM Anchor download Property </title></head> <body> <center> <h1>GeeksForGeeks</h1> <h2> DOM Anchor download Property </h2> <a href= id="GFG" rel="nofollow" hreflang="en-us" target="_self" download="GFG_Logo"> <img src= width="300" height="250"> </a> <BR> <button onclick="myGeeks()"> Submit </button> <p id="sudo" style="color:green; font-size:25px;"> </p> <script> function myGeeks() { var x = document.getElementById( "GFG").download = "LOGO OF Geeks"; document.getElementById( "sudo").innerHTML = "The value of the download attribute "+ "was changed to " + x; } </script> " </center></body> </html> |
Output :
Before Clicking On
Button:
After Clicking On Button:
Supported Browsers: The browser supported by DOM Anchor download property are listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari
Please Login to comment...