未捕获的 DOMException：DOMTokenList.toggle：令牌不能包含空格

Question

所以当我试图通过这段代码向我的元素添加类时

menu.classList.toggle('fa fa-times'); navbar.classList.toggle('active');

因为类名之间不应该有空格，但是我想用这个类

错误： DOMTokenList.toggle：令牌不能包含空格。 解决办法是什么？

我分别添加了类，但是没有用

Answer 1

如果你想使用 classList 属性向一个元素添加多个类，你可以多次调用 add 方法，分别传入每个类名，如下所示：

menu.classList.add('fa', 'fa-times');
navbar.classList.add('active');

// or you can also use this 

menu.classList.add('fa fa-times');
navbar.classList.add('active');

事情是向一个元素添加多个类，您应该使用空格将它们分开。但是，classList 属性的 toggle 方法需要一个单班名称作为其参数，不是由空格分隔的多个类名的字符串.

但是，如果您只想使用 toggle 方法，则需要使用 classList 属性通过分别传入每个类名来多次编写它：

menu.classList.toggle('fa');
menu.classList.toggle('fa-times');
navbar.classList.toggle('active');

或者，您可以使用循环一次切换多个类。