📅  最后修改于: 2023-12-03 15:10:39.632000             🧑  作者: Mango
这个错误通常与DOMTokenList API中的方法调用相关,例如添加新令牌时可能会出现这种情况。 在这种情况下,提供给API的令牌包含HTML空格字符,而这些字符在令牌中是无效的。
要解决此问题,请确保令牌中不包含HTML空格字符。 您可以使用JavaScript中的String.trim()方法删除令牌中的空格字符。
例如,如果令牌包含空格字符,您可以使用以下代码将其修剪:
var myToken = "警报 警报 危险";
var trimmedToken = myToken.trim();
myElement.classList.add(trimmedToken);
在这个例子中,我们首先定义了myToken变量,它包含了空格字符。 然后,我们使用.trim()方法来删除这些字符,得到一个修剪过的字符串。
最后,我们使用classList.add()将我们的令牌添加到元素的类中。
通过使用.trim()方法,我们成功地解决了“未捕获(承诺中)DOMException:无法在DOMTokenList上执行添加:提供的令牌(警报警报危险)包含HTML空格字符,这些字符在令牌中无效”。
**注意:**请注意,在DOMTokenList API中,每个类名应该是一个单独的令牌,不应该包含空格或其他无效字符。如果您需要将多个类名添加到一个元素中,请使用多个调用。 例如:
var firstToken = "警报";
var secondToken = "危险";
myElement.classList.add(firstToken);
myElement.classList.add(secondToken);
这将成功添加两个类名到myElement元素中,而没有空格或其他无效字符。
希望这个介绍可以帮助您更好地理解“未捕获(承诺中)DOMException:无法在DOMTokenList上执行添加:提供的令牌(警报警报危险)包含HTML空格字符,这些字符在令牌中无效”错误,并且能够在将来避免这种错误。