SVGAElement: origin property

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

The origin read-only property of the SVGAElement interface represents the origin of the SVG <a> element's href: usually its scheme, domain, and port.

The exact structure varies depending on the type of URL:

For URLs using the ftp:, http:, https:, ws:, and wss: schemes, the protocol followed by //, followed by the host. Same as host, the port is only included if it's not the default for the protocol.
For URLs using the file: scheme, the value is browser dependent.
For URLs using the blob: scheme, the origin of the URL following blob:, but only if that URL uses the http:, https:, or file: scheme. For example, blob:https://mozilla.org will have https://mozilla.org.

For all other cases, the string "null" is returned.

See URL.origin for more information.

Value

A string.

Examples

Getting the origin of an SVG link

Given the following SVG:

html

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

We can read the origin of the link:

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

log(`origin: "${link.origin}"`); // origin: "https://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