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:
  • 1
9.3
See notes:
  • 1
4.4
See notes:
  • 1
14 52
See notes:
  • 1
57
See notes:
  • 1
10
See notes:
  • 1
10.0-10.2
See notes:
  • 1
4.4.3-4.4.4
See notes:
  • 1
4
See notes:
  • 1
11 15 53
See notes:
  • 1
58
See notes:
  • 1
10.1
See notes:
  • 1
44
See notes:
  • 1
10.3
See notes:
  • 1
all 56
See notes:
  • 1
10
See notes:
  • 1
37
See notes:
  • 1
57
See notes:
  • 1
52
See notes:
  • 1
11 11.4
See notes:
  • 1
5
See notes:
  • 1
1.2 7.12
See notes:
  • 1
54
See notes:
  • 1
59
See notes:
  • 1
TP
See notes:
  • 1
45
See notes:
  • 1
55
See notes:
  • 1
60
See notes:
  • 1
46
See notes:
  • 1
56
See notes:
  • 1
61
See notes:
  • 1

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.

Links