SVGAElement: protocol-Eigenschaft

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

Die protocol-Eigenschaft der SVGAElement-Schnittstelle stellt das Protokoll oder Schema des <a>-Elements SVG und dessen href dar, einschließlich des abschließenden ":".

Diese Eigenschaft kann festgelegt werden, um das Protokoll der URL zu ändern. Ein ":" wird an die bereitgestellte Zeichenfolge angehängt, falls es nicht angegeben wurde. Das bereitgestellte Schema muss mit dem Rest der URL kompatibel sein, um als gültig zu gelten. Durch das Festlegen wird auch das href-Attribut des Elements als vollständige, absolute URL neu geschrieben.

Weitere Informationen finden Sie unter URL.protocol.

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <a id="link" href="https://example.com/">
    <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 das Protokoll des Links einschließlich des abschließenden ":" auslesen:

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

log(`protocol: "${link.protocol}"`); // protocol: "https:"

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-<a>-Element
HTMLAnchorElement.protocol

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

Wert

Beispiele

Abrufen des Protokolls eines SVG-Links

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN