Question

我从控制台收到此错误：

未捕获DOMException：无法在'DOMTokenList'上执行'add'：提供的令牌（'si col-md-4'）包含HTML空格字符在令牌中无效。

这是我的HTML代码段，我想将div附加到行：

<div id = 'data' class="container">
<div id = 'row1' class = 'row'>
</div>
</div>

这是我的javascript代码：

var row = document.getElementById('row1');
var div = document.createElement('div');
div.classList.add('si col-md-4');
row.append(div);

我还应该注意，我正在使用firebase数据库来获取我想要追加的信息。

Answer 1

如果要添加/删除多个类，请使用,分隔符。

div.classList.add('si','col-md-4');

如果您只需要添加课程col-md-4，

div.classList.add('col-md-4');

Answer 2

使用（逗号）

添加多个类，单独的类

＆＃13;

var row = document.getElementById('row1');
var div = document.createElement('div');
div.classList.add('si', 'col-md-4');
row.append(div);

＆＃13;

<div id = 'data' class="container">
<div id = 'row1' class = 'row'>
test
</div>
</div>

＆＃13;

Answer 3

只需添加多个具有空格分隔的类，如下所示

function getDetails(req,res,next){
    contract=req.locals.SampleContract;
    web3=req.locals.web3;
    contractAddress=req.locals.contractAddress;
    next();
}

Answer 4

您可以使用解决方案

＆＃13;

$("#row1").append("<div class='si col-md-4'>Test</div>");

＆＃13;

.si {
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = 'data' class="container">
  <div id = 'row1' class = 'row'>
  </div>
</div>

＆＃13;

使用jQuery追加方法。

Answer 5

您可以使用.setAttribute("class","si col-md-4")。它将向其中添加整个新类。在添加类时，还应该.setAttribute("class","previos-class si col-md-4")做这个技巧。

如何将Bootstrap类添加到元素？

5 个答案: