使用.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');