SVGAElement: pathname-Eigenschaft

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

Die pathname-Eigenschaft der SVGAElement-Schnittstelle repräsentiert den Pfad des Elements. Sie besteht aus einem anfänglichen "/", gefolgt vom Pfad des <a>-Elements SVG href, ohne die Abfragezeichenfolge oder das Fragment. Wenn das Element kein href-Attribut hat, enthält diese Eigenschaft eine leere Zeichenfolge, "".

Diese Eigenschaft kann festgelegt werden, um den Pfad der URL zu ändern. Das Festlegen der Eigenschaft schreibt auch das href-Attribut des Elements als vollständige, absolute URL neu.

Weitere Informationen finden Sie unter URL.pathname.

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <a id="link" href="https://example.com/docs/svg?q=path#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`;
}

Wir können den Pfad des Links ohne die Abfragezeichenfolge und das Fragment lesen:

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

log(`pathname: "${link.pathname}"`); // pathname: "/docs/svg"

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-Element <a>
HTMLAnchorElement.pathname

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: pathname-Eigenschaft

Wert

Beispiele

Den pathname eines SVG-Links abrufen

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN