Question

我正在尝试动态地将引导按钮添加到一行中。以下是我的代码。添加了一个按钮，但它不是引导样式。

var cell4 = row.insertCell(3);
var element3 = document.createElement("input");
element3.type = "button";
element3.name = "add";
element3.value="Remove";
element3.class="btn btn-danger btn-xs";
cell4.appendChild(element3);

有人能说出正确的方法吗？感谢。

Answer 1

这是因为element3.class不是有效的属性。

您应该使用element3.className="btn btn-danger btn-xs"代替

Answer 2

您应该引用className属性而不是class属性。

function myFunc()
{
  var cell4 = document.getElementById('insertHere');
var element3 = document.createElement("input");
element3.type = "button";
element3.name = "add";
element3.value="Remove";
element3.className="btn btn-danger btn-xs";
cell4.appendChild(element3);
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css" rel="stylesheet"/>

<div id="insertHere"> </div>
<input type="button" value="addButton" onclick="myFunc()" />

通过javascript添加bootstrap按钮

2 个答案: