SVGAElement: rel 屬性

基準線 2025

新推出

自 2025 年 5 月起，此功能適用於最新的裝置和瀏覽器版本。此功能可能不適用於較舊的裝置或瀏覽器。

SVGAElement 的 rel 屬性會返回一個字串，該字串反映了 SVG <a> 元素的 rel 屬性的值。

rel 屬性指定了空格分隔的連結型別列表，即 <list-of-Link-Types>，它指示了 <a> 元素表示的目標或資源與當前文件之間的關係。該屬性可以獲取或設定 rel 屬性的值。

值

字串；rel 屬性的值。

示例

給定以下 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="terms-of-service">
    <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;
}

我們可以檢索和設定 rel 屬性

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

// Access the rel property
log(`Rel: ${svgLink.rel}`);

// Set the rel property
svgLink.rel = "alternate bookmark";

// Access the rel property again
log(`New rel: "${svgLink.rel}"`); // New rel: "alternate bookmark"

規範

規範
Scalable Vector Graphics (SVG) 2 # __svg__SVGAElement__rel

瀏覽器相容性

另見

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年7月24日，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題