Link relプロパティ
Link オブジェクト
定義と使い方
rel プロパティは、現在のドキュメントとリンク先ドキュメントの関係を定義します。
構文
rel プロパティを設定する：
linkObject.rel="relationship"
rel プロパティを返す：
linkObject.rel
プロパティ値：
| 值 | 説明 |
|---|---|
| alternate | ドキュメントの代替バージョン（印刷ページ、翻訳、ミラーなど）。 |
| stylesheet | ドキュメントの外部スタイルシート。 |
| start | コレクション内の最初のドキュメント。 |
| next | コレクション内の次のドキュメント。 |
| prev | コレクション内の前のドキュメント。 |
| contents | ドキュメントの目次。 |
| index | ドキュメントの索引。 |
| glossary | ドキュメント内で使用される語彙の用語集（解説）。 |
| copyright | 著作権情報を含むドキュメント。 |
| chapter | ドキュメントの章。 |
| section | ドキュメントの節。 |
| subsection | ドキュメントの小節。 |
| appendix | ドキュメントの付録。 |
| help | ヘルプドキュメント。 |
| bookmark | 関連ドキュメント。 |
ブラウザのサポート
すべての主要ブラウザが rel プロパティをサポートしています。
注意：OperaまたはSafariブラウザは"search"値をサポートしていません。
注意：IE、Safari、またはChromeブラウザは"sidebar"をサポートしていません。
例
例
現在のドキュメントとリンク先ドキュメントの関係を表示する:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>初心者チュートリアル(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").rel;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">リンク要素間の関係を表示</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>初心者チュートリアル(example.com)</title>
<link id="link1" rel="stylesheet" type="text/css" href="style1.css.html">
<script>
function displayResult(){
var x=document.getElementById("link1").rel;
alert(x);
}
</script>
</head>
<body>
<button type="button" onclick="displayResult()">リンク要素間の関係を表示</button>
</body>
</html>
試してみる »
Link オブジェクト その他の拡張