SVGAElement: relList property

The relList read-only property of the SVGAElement returns a live DOMTokenList reflecting the space-separated string <list-of-Link-Types> values of the rel attribute of the SVG <a> element.

The property itself is read-only, meaning you can't substitute the DOMTokenList by another one, but the content of the returned list can be changed.

Value

A live DOMTokenList.

Examples

Given the following SVG:

<svg viewBox="0 0 200 20" xmlns="http://www.w3.org/2000/svg">
  <!-- A link around a text -->
  <a href="/docs/Web/SVG/Reference/Element/text" rel="alternate bookmark">
    <text x="30" y="10">Link text</text>
  </a>
</svg>

We can retrieve every link type defined by <a> element's rel attribute:

// Select an SVG <a> element
const svgLink = document.querySelector("a");
const relations = svgLink.relList;

relations.forEach((relValue) => {
  log(relValue);
});

Specifications

Browser compatibility

See also

• rel
• SVGAElement.rel
• HTMLAnchorElement.relList
• HTMLLinkElement.relList