JavaScript element.classList.add("fa fa-hand-rock-o")错误:“字符串包含无效字符" [英] JavaScript element.classList.add("fa fa-hand-rock-o") Error: "String contains an invalid character"

问题描述

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

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

但是显示错误:

字符串包含无效字符

解决方案

fa fa-hand-rock-o 不能是单个类，因为类名不能有空格./p>

在这里，我假设您正在尝试添加两个不同的类.使用 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">测试容器</span>  

I'm trying to add a class to <span id="sp1"> using:

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

But it is showing error:

String contains an invalid character

解决方案

fa fa-hand-rock-o can not be a single class because class names can not have space(s).

Here I assume you are trying to add two different classes. When adding multiple classes by using classList.add() specify all the classes as individual comma separated string like:

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

Code Example:

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

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

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

这篇关于JavaScript element.classList.add("fa fa-hand-rock-o")错误:“字符串包含无效字符"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！