SVGAElement: href-Eigenschaft

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.

Die href schreibgeschützte Eigenschaft des SVGAElement gibt ein SVGAnimatedString Objekt zurück, das den Wert des href-Attributs widerspiegelt und in bestimmten Fällen das xlink:href Veraltet Attribut. Es gibt das Ziel-URI an, das mit dem Link verbunden ist.

Diese Eigenschaft ermöglicht den Zugriff auf das URI, das für einen Link innerhalb eines SVG-Dokuments festgelegt ist.

Wert

Ein SVGAnimatedString, das den Wert des href-Attributs angibt. Zusätzlich spiegelt es bei Elementen, die es unterstützen, den Wert des xlink:href Veraltet Attributs wider, wenn das href-Attribut nicht gesetzt ist.

Beispiele

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

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGURIReference__href

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch