dataset & data-* attributes
Method of applying and accessing custom data to elements.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56
See notes:
|
9.3
See notes:
|
4.4
See notes:
|
|||||||||||||||
14 | 52
See notes:
|
57
See notes:
|
10
See notes:
|
10.0-10.2
See notes:
|
4.4.3-4.4.4
See notes:
|
4
See notes:
|
|||||||||||
11 | 15 | 53
See notes:
|
58
See notes:
|
10.1
See notes:
|
44
See notes:
|
10.3
See notes:
|
all | 56
See notes:
|
10
See notes:
|
37
See notes:
|
57
See notes:
|
52
See notes:
|
11 | 11.4
See notes:
|
5
See notes:
|
1.2 | 7.12
See notes:
|
54
See notes:
|
59
See notes:
|
TP
See notes:
|
45
See notes:
|
||||||||||||||
55
See notes:
|
60
See notes:
|
46
See notes:
|
|||||||||||||||
56
See notes:
|
61
See notes:
|
Notes
Partial support refers to being able to use data-*
attributes and access them using getAttribute
.
"Supported" refers to accessing the values using the dataset
property. Current spec only refers to support on HTML elements, only some browsers also have support for SVG/MathML elements.
-
1
While the HTML spec doesn't require it, these browsers also support
dataset
anddata-*
attributes on SVG elements, in compliance with current plans for SVG2