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