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

Question

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

var curr_class = document.getElementById(hover_start).className
document.getElementById(hover_start).classList.add("cell-red",curr_class)

我有这个错误

未捕获的 DOMException：无法在“DOMTokenList”上执行“add”：提供的令牌（“1 cell-red”）包含 HTML 空格字符，这些字符在令牌中无效。

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

Answer 1

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

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

您应该一一添加类。

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