SVGAElement: thuộc tính rel

Baseline 2025

Newly available

Since May 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Thuộc tính rel của SVGAElement trả về một chuỗi phản ánh giá trị của thuộc tính rel của phần tử SVG <a>.

Thuộc tính rel chỉ định danh sách các kiểu liên kết phân cách bằng dấu cách, <list-of-Link-Types>, cho biết mối quan hệ giữa đích hoặc tài nguyên được biểu thị bởi phần tử <a> và tài liệu hiện tại. Thuộc tính này có thể lấy hoặc đặt giá trị thuộc tính rel.

Giá trị

Một chuỗi; giá trị của thuộc tính rel.

Ví dụ

Với SVG sau:

html

<svg viewBox="0 0 200 20" xmlns="http://www.w3.org/2000/svg">
  <!-- Liên kết quanh văn bản -->
  <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;
}

Chúng ta có thể lấy và đặt thuộc tính rel:

// Chọn phần tử SVG <a>
const svgLink = document.querySelector("svg a");

// Truy cập thuộc tính rel
log(`Rel: ${svgLink.rel}`);

// Đặt thuộc tính rel
svgLink.rel = "alternate bookmark";

// Truy cập lại thuộc tính rel
log(`New rel: "${svgLink.rel}"`); // New rel: "alternate bookmark"

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2 # __svg__SVGAElement__rel

Tương thích trình duyệt

Xem thêm

Help improve MDN

Learn how to contribute

This page was last modified on Jan 1, 1970 by MDN contributors.

View this page on GitHub • Report a problem with this content