Method of easily manipulating classes on elements, using the DOMTokenList
object.
Spec | https://dom.spec.whatwg.org/#dom-element-classlist |
---|---|
Status | WHATWG Living Standard |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
108 | |||||
107 | 107 | TP | |||
106 | 106 | 16.1 | |||
11 (1,2,3,4) | 105 | 105 | 105 | 16.0 | 91 |
10 (1,2,3,4) | 104 | 104 | 104 | 15.6 | 90 |
9 | 103 | 103 | 103 | 15.5 | 89 |
8 | 102 | 102 | 102 | 15.4 | 88 |
Show all | |||||
7 | 101 | 101 | 101 | 15.2-15.3 | 87 |
6 | 100 | 100 | 100 | 15.1 | 86 |
5.5 | 99 | 99 | 99 | 15 | 85 |
98 | 98 | 98 | 14.1 | 84 | |
97 | 97 | 97 | 14 | 83 | |
96 | 96 | 96 | 13.1 | 82 | |
95 | 95 | 95 | 13 | 81 | |
94 | 94 | 94 | 12.1 | 80 | |
93 | 93 | 93 | 12 | 79 | |
92 | 92 | 92 | 11.1 | 78 | |
91 | 91 | 91 | 11 | 77 | |
90 | 90 | 90 | 10.1 | 76 | |
89 | 89 | 89 | 10 | 75 | |
88 | 88 | 88 | 9.1 | 74 | |
87 | 87 | 87 | 9 | 73 | |
86 | 86 | 86 | 8 | 72 | |
85 | 85 | 85 | 7.1 | 71 | |
84 | 84 | 84 | 7 | 70 | |
83 | 83 | 83 | 6.1 (1,2,3) | 69 | |
81 | 82 | 81 | 6 (1,2,3) | 68 | |
80 | 81 | 80 | 5.1 (1,2,3) | 67 | |
79 | 80 | 79 | 5 | 66 | |
18 | 79 | 78 | 4 | 65 | |
17 | 78 | 77 | 3.2 | 64 | |
16 | 77 | 76 | 3.1 | 63 | |
15 | 76 | 75 | 62 | ||
14 | 75 | 74 | 60 | ||
13 | 74 | 73 | 58 | ||
12 | 73 | 72 | 57 | ||
72 | 71 | 56 | |||
71 | 70 | 55 | |||
70 | 69 | 54 | |||
69 | 68 | 53 | |||
68 | 67 | 52 | |||
67 | 66 | 51 | |||
66 | 65 | 50 | |||
65 | 64 | 49 | |||
64 | 63 | 48 | |||
63 | 62 | 47 | |||
62 | 61 | 46 | |||
61 | 60 | 45 | |||
60 | 59 | 44 | |||
59 | 58 | 43 | |||
58 | 57 | 42 | |||
57 | 56 | 41 | |||
56 | 55 | 40 | |||
55 | 54 | 39 | |||
54 | 53 | 38 | |||
53 | 52 | 37 | |||
52 | 51 | 36 | |||
51 | 50 | 35 | |||
50 | 49 | 34 | |||
49 | 48 | 33 | |||
48 | 47 | 32 | |||
47 | 46 | 31 | |||
46 | 45 | 30 | |||
45 | 44 | 29 | |||
44 | 43 | 28 | |||
43 | 42 | 27 | |||
42 | 41 | 26 | |||
41 | 40 | 25 | |||
40 | 39 | 24 | |||
39 | 38 | 23 | |||
38 | 37 | 22 | |||
37 | 36 | 21 | |||
36 | 35 | 20 | |||
35 | 34 | 19 | |||
34 | 33 | 18 | |||
33 | 32 | 17 | |||
32 | 31 | 16 | |||
31 | 30 | 15 | |||
30 | 29 | 12.1 (1,2,3) | |||
29 | 28 | 12 (1,2,3) | |||
28 | 27 (3) | 11.6 (1,2,3) | |||
27 | 26 (3) | 11.5 (1,2,3) | |||
26 | 25 (3) | 11.1 | |||
25 (3) | 24 (3) | 11 | |||
24 (3) | 23 (2,3) | 10.6 | |||
23 (2,3) | 22 (1,2,3) | 10.5 | |||
22 (2,3) | 21 (1,2,3) | 10.0-10.1 | |||
21 (2,3) | 20 (1,2,3) | 9.5-9.6 | |||
20 (2,3) | 19 (1,2,3) | 9 | |||
19 (2,3) | 18 (1,2,3) | ||||
18 (2,3) | 17 (1,2,3) | ||||
17 (2,3) | 16 (1,2,3) | ||||
16 (2,3) | 15 (1,2,3) | ||||
15 (2,3) | 14 (1,2,3) | ||||
14 (2,3) | 13 (1,2,3) | ||||
13 (2,3) | 12 (1,2,3) | ||||
12 (2,3) | 11 (1,2,3) | ||||
11 (2,3) | 10 (1,2,3) | ||||
10 (2,3) | 9 (1,2,3) | ||||
9 (2,3) | 8 (1,2,3) | ||||
8 (2,3) | 7 | ||||
7 (2,3) | 6 | ||||
6 (2,3) | 5 | ||||
5 (2,3) | 4 | ||||
4 (2,3) | |||||
3.6 (2,3) | |||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
16.1 | ||||||||||||
16.0 | all (1,2,3) | 105 | 10 | 64 | 105 | 104 | 11 (1,2,3) | 13.4 | 18.0 | 13.1 | 13.18 | 2.5 |
15.6 | 4.4.3-4.4.4 | 7 (1,2,3) | 12.1 (1,2,3) | 10 (1,2,3) | 17.0 | |||||||
15.5 | 4.4 | 12 (1,2,3) | 16.0 | |||||||||
15.4 | 4.2-4.3 (1,2,3) | 11.5 (1,2,3) | 15.0 | |||||||||
Show all | ||||||||||||
15.2-15.3 | 4.1 (1,2,3) | 11.1 (1,2,3) | 14.0 | |||||||||
15.0-15.1 | 4 (1,2,3) | 11 | 13.0 | |||||||||
14.5-14.8 | 3 (1,2,3) | 10 | 12.0 | |||||||||
14.0-14.4 | 2.3 | 11.1-11.2 | ||||||||||
13.4-13.7 | 2.2 | 10.1 | ||||||||||
13.3 | 2.1 | 9.2 | ||||||||||
13.2 | 8.2 | |||||||||||
13.0-13.1 | 7.2-7.4 | |||||||||||
12.2-12.5 | 6.2-6.4 | |||||||||||
12.0-12.1 | 5.0-5.4 | |||||||||||
11.3-11.4 | 4 | |||||||||||
11.0-11.2 | ||||||||||||
10.3 | ||||||||||||
10.0-10.2 | ||||||||||||
9.3 | ||||||||||||
9.0-9.2 | ||||||||||||
8.1-8.4 | ||||||||||||
8 | ||||||||||||
7.0-7.1 | ||||||||||||
6.0-6.1 (1,2,3) | ||||||||||||
5.0-5.1 (1,2,3) | ||||||||||||
4.2-4.3 | ||||||||||||
4.0-4.1 | ||||||||||||
3.2 |
Does not have support for classList
on SVG or MathML elements.
Does not support the second parameter for the toggle
method
Does not support multiple parameters for the add()
& remove()
methods
Does not support assign to classList
or the replace()
method
Opera (Presto) has classList
support on SVG elements, but not on MathML elements.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/classlist