使用 .classList.add 方法时出现 DOM 错误

Question

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

我有这个错误

Uncaught DOMException: Failed to execute 'add' on 'DOMTokenList': The token provided ('1 cell-red') contains HTML space characters, which are not valid in tokens.

我在这里没有看到任何不正确的空白

Answer 1

问题似乎是curr_class是一个包含空格的字符串

根据文档https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList

你应该一一添加类。

另请注意，您的代码所做的是：它采用元素的类并将其添加到同一元素中，因此没有任何用处

Answer 2

您的类名中似乎有一个空格： 1 cell-red之间的1 cell-red 。

一种解决方案是一一添加类：

myElement.classList.add('1');
myElement.classList.add('cell-red');