1classList.item(index); // Returns the item in the list by its index, or undefined if index is greater than or equal to the list's length
2classList.contains(token); // Returns true if the list contains the given token, otherwise false.
3classList.add(token1[, ...tokenN]); // Adds the specified token(s) to the list.
4classList.remove(token1[, ...tokenN]); // Removes the specified token(s) from the list.
5classList.replace(oldToken, newToken); // Replaces token with newToken.
6classList.supports(token); // Returns true if a given token is in the associated attribute's supported tokens.
7classList.toggle(token[, force]); // Removes token from the list if it exists, or adds token to the list if it doesn't. Returns a boolean indicating whether token is in the list after the operation.
8classList.entries(); // Returns an iterator, allowing you to go through all key/value pairs contained in this object.
9classList.forEach(callback[ ,thisArg]); // Executes a provided callback function once per DOMTokenList element.
10classList.keys(); // Returns an iterator, allowing you to go through all keys of the key/value pairs contained in this object.
11classList.values(); // Returns an iterator, allowing you to go through all values of the key/value pairs contained in this object.
1let span = document.querySelector("span");
2let classes = span.classList;
3let result = classes.contains("d");
4if (result) {
5 span.textContent = "The classList contains 'c'";
6} else {
7 span.textContent = "The classList does not contain 'c'";
8}