HTMLAnchorElement: relList プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2018年10月⁩.

HTMLAnchorElement.relList は読み取り専用プロパティで、rel 属性を反映します。これは生きた DOMTokenList で、<a> 要素で表されるリソースと現在のドキュメントの間の関係を示すリンク種別のセットが入ります。

このプロパティ自体は読み取り専用です。つまり、 DOMTokenList を別のものに置き換えることはできませんが、その内容は変更できます。

値

文字列の生きた DOMTokenList です。

例

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);
  });
}