SVGAElement: href 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGAElement 的只读属性 href 返回一个 SVGAnimatedString 对象,该对象反映了 href 属性的值,在某些情况下,还会反映 xlink:href 已弃用 属性的值。它指定了与链接关联的目标 URI。

此属性允许访问 SVG 文档中链接的 URI。

一个 SVGAnimatedString,指示 href 属性的值。此外,对于被定义为支持它的元素,当 href 属性未设置时,它还会反映 xlink:href 已弃用 属性的值。

示例

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

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGURIReference__href

浏览器兼容性

另见