data-*

data-* SVG 属性被称为自定义数据属性。它们允许 SVG 标记及其生成的 DOM 共享标准属性无法包含的信息,通常用于脚本目的。这些自定义数据可以通过属性所属元素的 SVGElement 接口,通过 SVGElement.dataset 属性进行访问。

* 可以被替换为 XML 命名规则 允许的任何字符,但有以下限制:

  • 不能以 xml 开头。
  • 不能包含分号(;U+003A)。
  • 不能包含大写字母 AZ

注意: SVGElement.dataset 属性是一个 DOMStringMap,它通过 SVGElement.dataset.testValue 提供了 data-test-value 属性。连字符(-U+002D)会被移除,并且紧随其后的字母会被大写,从而形成 驼峰式命名 格式。

您可以将此属性与任何 SVG 元素一起使用。

规范

规范
Scalable Vector Graphics (SVG) 2
# DataAttributes

浏览器兼容性

另见