SVGAElement: host-Eigenschaft

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

Die host-Eigenschaft der SVGAElement-Schnittstelle repräsentiert den Host des Elements. Sie ist der hostname des href-Attributs des SVG-Elements <a>, gefolgt von einem ":" und dem port, falls die URL einen solchen hat. Wenn die URL keinen Hostnamen hat, enthält diese Eigenschaft einen leeren String, "".

Diese Eigenschaft kann festgelegt werden, um den Host 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.host.

<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`;
}

Wir können den Host des Links auslesen und sehen, dass der Port nur enthalten ist, wenn er nicht der Standardport für das Schema ist:

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

log(`host: "${link.host}"`); // host: "example.com"

link.setAttribute("href", "https://example.com:443/");
log(`host: "${link.host}"`); // host: "example.com"

link.setAttribute("href", "https://example.com:4097/");
log(`host: "${link.host}"`); // host: "example.com:4097"

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-Element <a>
HTMLAnchorElement.host

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

Wert

Beispiele

Den Host aus einem SVG-Link abrufen

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN