data-*
data-* SVG 属性被称为自定义数据属性。它们允许 SVG 标记及其生成的 DOM 共享标准属性无法包含的信息,通常用于脚本目的。这些自定义数据可以通过属性所属元素的 SVGElement 接口,通过 SVGElement.dataset 属性进行访问。
* 可以被替换为 XML 命名规则 允许的任何字符,但有以下限制:
- 不能以
xml开头。 - 不能包含分号(
;,U+003A)。 - 不能包含大写字母
A到Z。
注意: SVGElement.dataset 属性是一个 DOMStringMap,它通过 SVGElement.dataset.testValue 提供了 data-test-value 属性。连字符(-,U+002D)会被移除,并且紧随其后的字母会被大写,从而形成 驼峰式命名 格式。
您可以将此属性与任何 SVG 元素一起使用。
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # DataAttributes |
浏览器兼容性
加载中…
另见
SVGElement- 脚本可以通过
SVGElement.dataset属性来访问这些属性。 - 使用数据属性