HTML | DOM Anchor target Property
The Anchor target Property in HTML DOM is used to set or return the value of the target attribute of a link. The Target attribute is used to specified where to open the link.
Syntax:
- It returns the target property.
anchorObject.target
- It is used to set the target property.
anchorObject.target = "_blank|_self|_parent|_top|framename"
Property Values:
- _blank: It opens the link in a new window.
- _self: It is the default value. It opens the linked document in the same frame.
- _parent: It opens the linked document in the parent frameset.
- _top: It opens the linked document in the full body of the window.
- framename: It opens the linked document in the named frame.
Return Value: It returns a string value which represents the target of the linked document.
Example 1: This example returns the Anchor Target Property.
<!DOCTYPE html> <html> <head> <title> HTML DOM Anchor target Property </title> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>DOM Anchor Target Property</h2> <p>Welcome to <a href = id="GFG" target= "_self"> GeeksforGeeks </a> </p> <button onclick = "myGeeks()">Submit</button> <p id = "sudo" style="color:green;font-size:25px;"></p> <!-- Script to return Anchor Target Property --> <script> function myGeeks() { var x = document.getElementById("GFG").target; document.getElementById("sudo").innerHTML = x; } </script> </center> </body> </html> |
Output:
Before Clicking on Button:
After Clicking on Button:
Example 2: This example sets the Anchor target Property.
<!DOCTYPE html> <html> <head> <title> HTML DOM Anchor target Property </title> </head> <body> <center> <h1>GeeksForGeeks</h1> <h2>DOM Anchor Target Property</h2> <p>Welcome to <a href = id="GFG" target= "_self"> GeeksforGeeks </a> </p> <button onclick = "myGeeks()">Submit</button> <p id = "sudo" style="color:green;font-size:25px;"></p> <!-- Script to set Anchor Target Property --> <script> function myGeeks() { var x = document.getElementById("GFG").target = "_blank"; document.getElementById("sudo").innerHTML = "The value of the target 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 Target property are listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari
Please Login to comment...