SVGAElement: relList 属性

基准线 2025

新推出

自 2025 年 5 月起，此功能适用于最新的设备和浏览器版本。此功能可能不适用于较旧的设备或浏览器。

SVGAElement 的只读属性 relList 返回一个活动的 DOMTokenList 对象，该对象反映了 SVG <a> 元素的 rel 属性中以空格分隔的 <list-of-Link-Types> 值。

该属性本身是只读的，这意味着您不能用另一个 DOMTokenList 对象替换它，但返回列表的内容是可以更改的。

值

一个活动的 DOMTokenList 对象。

示例

给定以下 SVG

html

<svg viewBox="0 0 200 20" xmlns="http://www.w3.org/2000/svg">
  <!-- A link around a text -->
  <a href="/docs/Web/SVG/Reference/Element/text" rel="alternate bookmark">
    <text x="30" y="10">Link text</text>
  </a>
</svg>

<pre id="log"></pre>

#log {
  height: 70px;
  overflow: scroll;
  padding: 0.5rem;
  border: 1px solid black;
}
svg {
  height: 50px;
}
text {
  font-size: 1rem;
}

const logElement = document.querySelector("#log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

我们可以检索 <a> 元素的 rel 属性定义的每种链接类型。

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

relations.forEach((relValue) => {
  log(relValue);
});

规范

规范
Scalable Vector Graphics (SVG) 2 # __svg__SVGAElement__relList

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025 年 7 月 24 日，由 MDN 贡献者编辑。

在 GitHub 上查看此页面 • 报告此内容的问题