SVGAElement: relList property

Baseline 2025
Newly available

Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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:

html
<svg viewBox="0 0 200 20" xmlns="https://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:

js
// Select an SVG <a> element
const svgLink = document.querySelector("a");
const relations = svgLink.relList;
relations.forEach((relValue) => {
  log(relValue);
});

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAElement__relList

Browser compatibility

See also