SVGAElement: relList-Eigenschaft

Baseline 2025

Neu verfügbar

Seit Mai 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Die schreibgeschützte Eigenschaft relList von SVGAElement gibt eine aktuelle DOMTokenList zurück, die die durch Leerzeichen getrennten <list-of-Link-Types>-Werte des rel-Attributs des SVG-Elements <a> widerspiegelt.

Wert

Eine aktuelle DOMTokenList.

Die Eigenschaft relList ist insofern schreibgeschützt, als Sie das DOMTokenList-Objekt nicht ersetzen können. Sie können relList jedoch direkt einen Wert zuweisen; dies entspricht einer Zuweisung an die Eigenschaft value. Außerdem können Sie das DOMTokenList-Objekt mit den Methoden add(), remove(), replace() und toggle() ändern.

Beispiele

Gegeben sei das folgende SVG:

html

<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>

<pre id="log"></pre>

#log {
  height: 70px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}
svg {
  height: 50px;
}
text {
  font-size: 1rem;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

Sie können jeden Link-Typ abrufen, der durch das rel-Attribut des <a>-Elements definiert ist:

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

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

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden