SVGAElement: origin property

The origin read-only property of the SVGAElement interface returns a string containing 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

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>

const link = document.getElementById("link");
console.log(link.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 Jan 1, 1970 by MDN contributors.

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