function toggleTheme() { const body = document.body; body.classList.toggle...JavaScript 功能: toggleTheme 函数通过 classList.toggle ...
toggle()Toggles between tokens in the list valueReturns the token list as a string values()Returns an Iterator with the values in the list More Examples Add multiple classes to the an element: element.classList.add("myStyle","anotherClass","thirdClass"); ...
Browser compatibility divdocumentdivclassNameconsoledivouterHTMLdivclassListdivclassListconsoledivouterHTMLdivclassListdivclassListiconsoledivclassList// add or remove multiple classesdiv.classList.add("foo","bar","baz");div.classList.remove("foo","bar","baz");// add or remove multiple classes ...
You could separate multiple classes by space but the result may not be incredibly reliable. Toggling a CSS Class myDiv.classList.toggle('myCssClass');//now it's addedmyDiv.classList.toggle('myCssClass');//now it's removed Note: If toggle is called and the element does not have the ...
Multiple classes remove/add not supported even on Firefox Nightly. Reply Binyamin says: August 13, 2013 at 8:17 am Cannot toggle multiple classes element.classList.toggle('one', 'two'). Reply Judaica says: November 13, 2013 at 10:56 pm The classlist. certainly does it for me. ...
element.classList.toggle("myClass"); In this example, “myClass” is the class you want to toggle. If the element already has the class, it will be removed. If it doesn’t have the class, it will be added. Can I add or remove multiple classes at once using the ClassList API?
div.classList.toggle("visible"); // add/remove visible, depending on test conditional, i less than 10 div.classList.toggle("visible", i < 10 ); console.log(div.classList.contains("foo")); // add or remove multiple classes div.classList.add("foo", "bar", "baz"); ...
// 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"...