SVGAElement: hostname property

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The hostname property of the SVGAElement interface represents the element's hostname. It is either the domain name or IP address of the SVG <a> element's href. Unlike host, it never includes the port. If the URL does not have a hostname, this property contains an empty string, "". IP addresses are normalized, such as stripping leading zeros, and domain names are converted to IDN.

This property can be set to change the hostname of the URL. Setting it also rewrites the element's href attribute as a complete, absolute URL.

See URL.hostname for more information.

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

We can read the hostname of the link, without the port:

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

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

Specifications

Specification
Scalable Vector Graphics (SVG) 2 # InterfaceSVGAElement

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on Sep 11, 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content

SVGAElement: hostname property

Value

Examples

Getting the hostname from an SVG link

Specifications

Browser compatibility

See also

Help improve MDN