SVGAElement: relList property
Baseline 2025Newly 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 |