ele.classList.add('class-name'); // Add multiple classes (Not supported in IE 11) ele.classList.add(...ele.classList.remove('class-name'); // Remove multiple classes (Not supported in IE 11) ele.classList.remove...参考:https://github.com/1milligram/html-dom 更多1分钟专题 1分钟搞...
div.classList.add("foo", "bar", "baz"); div.classList.remove("foo", "bar", "baz"); // add or remove multiple classes using spread syntax const cls = ["foo", "bar"]; div.classList.add(...cls); div.classList.remove(...cls); // replace class "foo" with class "bar" div...
classesdiv.classList.add("foo","bar","baz");div.classList.remove("foo","bar","baz");// add or remove multiple classes using spread syntaxconstcls=["foo","bar"];div.classList.add(...cls);div.classList.remove(...cls);// replace class "foo" with class "bar"div.classList....
To add multiple classes, for example “red” and “bold”, we can write this: document.getElementById('element').classList.add('red','bold');// class="description red bold" Note that if one of the provided classes was already present, it won’t be added again. ...
myDiv.classList.add('myCssClass'); Removing a CSS Class The add method allows you to remove a single class: myDiv.classList.remove('myCssClass'); You could separate multiple classes by space but the result may not be incredibly reliable. ...
add(classes[i]); }} Same goes for remove: DOMTokenList.prototype.removemany = function(classes) { var classes = classes.split(' '), i = 0, ii = classes.length; for(i; i<ii; i++) { this.remove(classes[i]); }} Here’s a demo where you can add and remove multiple classes ...
// Add a classel.classList.add("open");// Add many classesel.classList.add("this","little","piggy");letclasses=["is-message","is-warning"];el.classList.add(...classes);// Remove a classel.classList.remove("open");// Remove multiple classesel.classList.remove("this","little"...