SVGAElement: username-Eigenschaft

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

Die username-Eigenschaft der SVGAElement-Schnittstelle repräsentiert die Username-Komponente des href-Attributs des SVG-Elements <a>. Wenn die URL keinen Username hat, enthält diese Eigenschaft einen leeren String, "".

Diese Eigenschaft kann festgelegt werden, um den Username der URL zu ändern. Wenn die URL keinen host hat oder ihr Schema file: ist, hat das Festlegen dieser Eigenschaft keine Auswirkung. Das Festlegen schreibt außerdem das href-Attribut des Elements als vollständige absolute URL neu.

Der Username wird beim Festlegen prozentkodiert, beim Lesen jedoch nicht prozentdekodiert.

Weitere Informationen finden Sie unter URL.username.

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <a id="link" href="https://anonymous:flabada@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`;
}

Wir können den Username des Links auslesen:

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

log(`username: "${link.username}"`); // username: "anonymous"

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-Element <a>
HTMLAnchorElement.username

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

Wert

Beispiele

Den Username aus einem SVG-Link abrufen

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN