HTMLAnchorElement: relList プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年10月以降、すべてのブラウザーで利用可能です。
HTMLAnchorElement.relList は読み取り専用プロパティで、rel 属性を反映します。 これは生きた DOMTokenList で、<a> 要素で表されるリソースと現在のドキュメントの間の関係を示すリンク種別のセットが入ります。
このプロパティ自体は読み取り専用です。 つまり、 DOMTokenList を別のものに置き換えることはできませんが、その内容は変更できます。
値
文字列の生きた DOMTokenList です。
例
js
const anchors = document.getElementsByTagName("a");
for (const anchor of anchors) {
const list = anchor.relList;
console.log(
`relList に ${list.length} 個のリンク種別がある新しいアンカーノードが見つかりました。`,
);
list.forEach((relValue) => {
console.log(relValue);
});
}
仕様書
| 仕様書 |
|---|
| HTML> # dom-a-rellist> |
ブラウザーの互換性
関連情報
<area>および<link>の同等のプロパティであるHTMLAreaElement.relListおよびHTMLLinkElement.relList- まったく同じリストを文字列の空白区切りトークンとして扱うもの:
HTMLAnchorElement.rel