如何在不使用任何库的情况下通过 javascript 将多个 css 类分配给一个 html 元素?
最佳答案
这是通过 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 的解决方案。
关于JavaScript CSS 如何向元素添加和删除多个 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1988514/