SVGAElement: hash-Eigenschaft

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die hash-Eigenschaft der SVGAElement-Schnittstelle repräsentiert den Fragmentbezeichner des Elements. Sie ist die Zeichenfolge "#", gefolgt vom Fragmentbezeichner des href-Attributs des SVG-<a>-Elements. Wenn die URL keinen Fragmentbezeichner hat, enthält diese Eigenschaft eine leere Zeichenfolge, "".

Diese Eigenschaft kann gesetzt werden, um das Fragment der URL zu ändern. Beim Setzen wird dem bereitgestellten Wert ein einzelnes "#"-Präfix hinzugefügt, sofern es nicht bereits vorhanden ist, und das Setzen auf "" entfernt das Fragment. Das Setzen schreibt außerdem das href-Attribut des Elements als vollständige, absolute URL neu.

Weitere Informationen finden Sie unter URL.hash.

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <a id="link" href="https://example.com/#example">
    <text x="0" y="20">Example</text>
  </a>
</svg>

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

svg {
  width: 200px;
  height: 30px;
}
svg a text {
  fill: blue;
  text-decoration: underline;
}
#log {
  padding: 0.5rem;
  border: 1px solid black;
}

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

Können wir den Fragmentbezeichner des Links auslesen:

const link = document.getElementById("link");

log(`hash: "${link.hash}"`); // hash: "#example"

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-<a>-Element
HTMLAnchorElement.hash

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

SVGAElement: hash-Eigenschaft

Wert

Beispiele

Den Hash aus einem SVG-Link abrufen

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN