Javascript Reference - HTML DOM Link rel Property
The rel property sets or gets the relationship between the
current document and the linked document.
Browser Support
 |
 |
 |
 |
 |
|
|---|---|---|---|---|---|
rel |
Yes | Yes | Yes | Yes | Yes |
Syntax
Return the rel property.
var v = linkObject.rel
Set the rel property.
linkObject.rel=relationship
Property Values
| Value | Description |
|---|---|
| alternate | Mark as an alternative version of the current document |
| appendix | Mark as the appendix page for the current document |
| chapter | Mark as a chapter |
| contents | Mark as the table of contents for the current document |
| copyright | Mark as the copyright for the current document |
| glossary | Mark as the glossary page for the current document |
| help | Mark as the help page for the current document |
| index | Mark as the index page for the current document |
| next | Mark as the next page |
| offline | Mark as a location that contains a path to the CDF file |
| prev | Mark the previous page |
| search | Mark to an XML file in Open Search description format |
| section | Mark as a section in a list of documents |
| shortcut icon | mark an icon location |
| sidebar | the bookmark panel |
| start | used by search engines to show the first page |
| stylesheet | the style sheet for the current document |
| subsection | a subsection for the current document |
Return Value
A String type value representing a space-separated list of relationship types.
Example
The following code shows how to get the relationship between the current document and the linked document.
<!DOCTYPE html>
<html>
<head>
<link id="myLink" rel="stylesheet" type="text/css" href="styles.css">
</head><!-- w w w . j ava 2 s. c o m-->
<body>
<button onclick="myFunction()">test</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myLink").rel;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
The code above is rendered as follows: