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.
<!DOCTYPE html> < html >
< head >
< title >
HTML DOM Anchor rel Property
</ title >
</ head >
< body style = "text-align: center;" >
< h1 >GeeksforGeeks</ h1 >
< h2 >DOM Anchor rel Property</ h2 >
< p >Welcome to
id = "GFG" rel = "nofollow"
target = "_self" >
GeeksforGeeks
</ a >
</ p >
< button onclick = "myGeeks()" >
Submit
</ button >
< p id = "sudo" ></ p >
<!-- Script to return Anchor rel Property -->
< script >
function myGeeks() {
let x = document.getElementById("GFG").rel;
document.getElementById("sudo").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: This example sets the Anchor rel Property.
<!DOCTYPE html> < html >
< head >
< title >
HTML DOM Anchor rel Property
</ title >
</ head >
< body style = "text-align: center;" >
< h1 >GeeksforGeeks</ h1 >
< h2 >DOM Anchor rel Property</ h2 >
< p >Welcome to
id = "GFG" rel = "nofollow"
target = "_self" >
GeeksforGeeks
</ a >
</ p >
< button onclick = "myGeeks()" >
Submit
</ button >
< p id = "sudo" ></ p >
<!-- Script to set Anchor rel Property -->
< script >
function myGeeks() {
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