HTMLAnchorElement: relList property - Web APIs | MDN (original) (raw)

Value

A live DOMTokenList object.

Although the relList property itself is read-only in the sense that you can't replace the DOMTokenList object, you can still assign to the relList property directly, which is equivalent to assigning to its value property. You can also modify the DOMTokenList object using the add(), remove(), replace(), and toggle() methods.

Examples

const anchors = document.getElementsByTagName("a");
for (const anchor of anchors) {
  const list = anchor.relList;
  console.log(
    `New anchor node found with ${list.length} link types in relList.`,
  );
  list.forEach((relValue) => {
    console.log(relValue);
  });
}

Specifications

Browser compatibility

See also

• The equivalent property on and ,HTMLAreaElement.relList and HTMLLinkElement.relList.
• The very same list but as a space-separated tokens in a string:HTMLAnchorElement.rel