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