JavaScript class list code example
Example 1: js classlist
classList.item(index);
classList.contains(token);
classList.add(token1[, ...tokenN]);
classList.remove(token1[, ...tokenN]);
classList.replace(oldToken, newToken);
classList.supports(token);
classList.toggle(token[, force]);
classList.entries();
classList.forEach(callback[ ,thisArg]);
classList.keys();
classList.values();
Example 2: add to classlist javascript
Add multiple classes to a <div> element:
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");
Remove a class from a <div> element:
document.getElementById("myDIV").classList.remove("mystyle");
Remove multiple classes from a <div> element:
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");
Toggle between two classes for a <div> element:
document.getElementById("myDIV").classList.toggle("newClassName");
Find out if an element has a "mystyle" class:
document.getElementById("myDIV").classList.contains("mystyle");
Example 3: javascript list class properties
function getClassProperties(instanceOfClass) {
const proto = Object.getPrototypeOf(instanceOfClass);
const names = Object.getOwnPropertyNames(proto);
return names.filter(name => name != 'constructor');
}
Example 4: .classList
document.getElementById("myDIV").classList