SVGAElement: rel property

The rel property of the SVGAElement returns a string reflecting the value of the rel attribute of the SVG <a> element.

The rel attribute specifies the space-separated list of link types, the <list-of-Link-Types>, indicating the relationship between the target or resource represented by the <a> element and the current document. The property can get or set the rel attribute value.

Value

A string; the value of the rel attribute.

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="terms-of-service">
    <text x="30" y="10">Link text.</text>
  </a>
</svg>

We can retrieve and set the rel attribute:

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

// Access the rel property
log(`Rel: ${svgLink.rel}`);

// Set the rel property
svgLink.rel = "alternate bookmark";

// Access the rel property again
log(`New rel: "${svgLink.rel}"`); // New rel: "alternate bookmark"

Specifications

Browser compatibility

See also

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