JavaScript element.classList.add（“ fa fa-hand-rock-o”）错误：“字符串包含无效字符”

Question

我正在尝试使用添加一个类 <span id="sp1">：

document.getElementById("sp1").classList.add("fa fa-hand-rock-o");

但是显示错误：

字符串包含无效字符

Answer 1

fa fa-hand-rock-o 不能是单个类，因为类名不能有空格。

在这里，我假设您正在尝试添加两个不同的类。通过使用添加多个类时，classList.add()将所有类指定为单个逗号分隔的字符串，例如：

.add("fa", "fa-hand-rock-o")

代码示例：

document.getElementById("sp1").classList.add("fa","fa-hand-rock-o");

console.log(document.getElementById("sp1"));

<span id="sp1">Test Container</span >