remove classlist javascript code example
Example 1: javascript remoev css class
document.getElementById("myElementID").classList.remove("class_name");
Example 2: add multiple class list at once in js
elem.classList.add("first");
elem.classList.add("second");
elem.classList.add("third");
is equal to :
elem.classList.add("first","second","third");
Example 3: 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 4: javascript clear classList
element.classList.remove(...element.classList);
Example 5: how to remove an class in javascript
document.getElementsByClassName("legend").style.display="none";
Example 6: 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");