SVGAElement: thuộc tính relList

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 chỉ đọc relList của SVGAElement trả về một DOMTokenList trực tiếp phản ánh các giá trị chuỗi <list-of-Link-Types> phân cách bằng dấu cách của thuộc tính rel của phần tử SVG <a>.

Giá trị

Một DOMTokenList trực tiếp.

Mặc dù bản thân thuộc tính relList là chỉ đọc theo nghĩa bạn không thể thay thế đối tượng DOMTokenList, bạn vẫn có thể gán trực tiếp cho thuộc tính relList, tương đương với việc gán cho thuộc tính value của nó. Bạn cũng có thể sửa đổi đối tượng DOMTokenList bằng các phương thức add(), remove(), replace()toggle().

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="alternate bookmark">
    <text x="30" y="10">Link text</text>
  </a>
</svg>

Chúng ta có thể lấy mọi kiểu liên kết được xác định bởi thuộc tính rel của phần tử <a>:

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

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

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAElement__relList

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

Xem thêm