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

浏览器兼容性

另见