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 元素一起使用。
规范
规范 |
---|
可缩放矢量图形 (SVG) 2 # 数据属性 |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。
另请参阅
SVGElement
- 用于从脚本访问这些属性的
SVGElement.dataset
属性。 - 使用数据属性