SVGAElement: href property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

The href read-only property of the SVGAElement returns an SVGAnimatedString object reflecting the value of the href attribute, and, in certain cases, the xlink:href attribute. It specifies the target URI associated with the link.

This property enables access to the URI set for a link within an SVG document.

Value

An SVGAnimatedString indicating the value of the href attribute. Additionally, for elements defined to support it, it reflects the value of the xlink:href attribute when the href attribute is not set.

Examples

js
// Select an SVG <a> element
const svgLink = document.querySelector("a");

// Access the href property
console.log(svgLink.href.baseVal); // Logs the base URI
console.log(svgLink.href.animVal); // Logs the animated URI if applicable

// Example: Reflecting xlink:href
const deprecatedLink = document.querySelector("a");
console.log(deprecatedLink.href.baseVal); // Reflects 'xlink:href' if 'href' is not set

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGURIReference__href

Browser compatibility

BCD tables only load in the browser

See also