Question

我正在使用它来创建其他按钮。

for(i=0; i<5; i++){
    newVr += '<button type="button" class="abc">New</button>';
}
var parentDIV = document.getElementById('extraDIV');
parentDIV.innerHTML = newVr;

但这取代了parentDIV中的现有按钮。如何添加按钮而不是替换按钮？

Answer 1

您必须使用+运算符来连接字符串。 operator +=表示字符串连接到当前值：

var newVr = "";
for(i=0; i<5; i++){
  newVr += '<button type="button" class="abc">New</button>';
}
var parentDIV = document.getElementById('extraDIV');
parentDIV.innerHTML += newVr;

<div id="extraDIV">
  <button>Old button</button>
  <button>Old button</button>
</div>

它对我有用

Answer 2

你也可以使用jQuery追加：

$（ “＃extraDIV”）附加（newVr）;

注意：对于jQuery，您需要在标题上添加类似的链接：

<script src="https://code.jquery.com/jquery-2.1.1.js"></script>

添加动态按钮而不是替换

2 个答案: