HTML DOM Anchor rel Property
The Anchor rel Property in HTML DOM is used to set or return the value of the rel attribute of a link. The rel attribute is used to specify the relation between the current document and the linked document.
Syntax:
- It returns the Anchor rel property.
anchorObject.rel
- It is used to set the Anchor rel property.
anchorObject.rel = "value"
Property Values:
Value |
Description |
---|---|
alternate |
It defines an alternate version of the document i.e. print page, translated or mirror. |
author |
It defines the author of the document. |
bookmark |
It specify a related document. |
help |
It specifies a help document. |
license |
It defines a copyright information for the document. |
next |
It defines the next document in a selection. |
nofollow |
It is used by Google, to specify that the Google search spider should not follow that link and mostly used for paid links. |
noreferrer |
It is used to Specify that the browser should not send a HTTP referrer header if the user follows the hyperlink. |
prefetch |
It specifies that the target document should be cached. |
prev |
It specify the previous document in a selection. |
search |
It specify the search tool for the document. |
tag |
It specifies a tag keyword for the current document. |
Return Value: It returns a string value which represents the relation between the current document and the linked document.
Example 1: This example returns the Anchor rel Property.
html
<!DOCTYPE html> < html > < head > < title > HTML DOM Anchor rel Property </ title > </ head > < body style = "text-align: center;" > < h1 >w3wiki</ h1 > < h2 >DOM Anchor rel Property</ h2 > < p >Welcome to < a href = "https://www.w3wiki.net" id = "GFG" rel = "nofollow" target = "_self" > w3wiki </ a > </ p > < button onclick = "myBeginner()" > Submit </ button > < p id = "sudo" ></ p > <!-- Script to return Anchor rel Property --> < script > function myBeginner() { let x = document.getElementById("GFG").rel; document.getElementById("sudo").innerHTML = x; } </ script > </ body > </ html > |
Output:
Example 2: This example sets the Anchor rel Property.
html
<!DOCTYPE html> < html > < head > < title > HTML DOM Anchor rel Property </ title > </ head > < body style = "text-align: center;" > < h1 >w3wiki</ h1 > < h2 >DOM Anchor rel Property</ h2 > < p >Welcome to < a href = "https://www.w3wiki.net" id = "GFG" rel = "nofollow" target = "_self" > w3wiki </ a > </ p > < button onclick = "myBeginner()" > Submit </ button > < p id = "sudo" ></ p > <!-- Script to set Anchor rel Property --> < script > function myBeginner() { let x = document.getElementById("GFG").rel = "noopener"; document.getElementById("sudo").innerHTML = "The value of rel attribute " + "is changed to " + x; } </ script > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari