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 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 Clickling on Button:
Supported Browsers: The browser supported by DOM Anchor Target property are listed below:
- Google Chrome
- Internet Explorer 10.0 +
- Firefox
- Opera
- Safari