SVGAElement: hostname-Eigenschaft

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

Die hostname-Eigenschaft der Schnittstelle SVGAElement repräsentiert den Hostnamen des Elements. Dabei handelt es sich entweder um den Domainnamen oder die IP-Adresse des <a>-Elements href-Attributs. Anders als host enthält sie niemals den Port. Wenn die URL keinen Hostnamen hat, enthält diese Eigenschaft einen leeren String, "". IP-Adressen werden normalisiert, beispielsweise durch das Entfernen führender Nullen, und Domainnamen werden in IDN umgewandelt.

Diese Eigenschaft kann festgelegt werden, um den Hostnamen der URL zu ändern. Durch das Festlegen wird auch das href-Attribut des Elements als vollständige, absolute URL neu geschrieben.

Weitere Informationen finden Sie unter URL.hostname.

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <a id="link" href="https://example.com:4097/">
    <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 Hostnamen des Links ohne den Port auslesen:

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

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

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser-Kompatibilität

Siehe auch

SVG-Element <a>
HTMLAnchorElement.hostname

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

Wert

Beispiele

Den Hostnamen aus einem SVG-Link abrufen

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN