SVGElement: dataset 屬性

Baseline 已廣泛支援

此功能已成熟,可跨多種裝置和瀏覽器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有瀏覽器中可用。

SVGElement 介面中的只讀屬性 dataset 提供對元素上 自定義資料屬性 (data-*) 的讀/寫訪問。它公開了一個字串對映 (DOMStringMap),其中包含每個 data-* 屬性的一個條目。

有關 dataset 行為的更多資訊,請參閱 HTMLElement.dataset

一個 DOMStringMap

示例

html
<div>
  <svg viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg">
    <text x="20" y="20" id="user" data-id="1234567890" data-user="carinaanand">
      Carina Anand
    </text>
  </svg>
</div>
js
const el = document.querySelector("#user");

console.log(el.dataset.id); // "1234567890"

規範

規範
HTML
# dom-dataset-dev

瀏覽器相容性

另見