JavaScript CSS 如何向元素添加和删除多个 CSS 类

Question

如何在不使用任何库的情况下通过 javascript 将多个 css 类分配给一个 html 元素？

Answer 1

这是通过 classList 添加多个类的更简单的方法(所有现代浏览器都支持，如其他答案中所述):

div.classList.add('foo', 'bar');//添加多个类

来自: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Examples

如果你有一个类名数组要添加到一个元素，你可以使用 ES6 spread operator通过这个单行代码将它们全部传递到 classList.add() 中:

let classesToAdd = [ 'foo', 'bar', 'baz' ];
div.classList.add(...classesToAdd);

请注意，并非所有浏览器都原生支持 ES6，因此与任何其他 ES6 答案一样，您可能希望使用像 Babel 这样的转译器。 ，或者只是坚持使用 ES5 并使用类似上述@LayZee 的解决方案。