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
属性来访问这些属性。 - 使用数据属性