如何为数组中的每个项目创建不同的按钮 / JavaScript

Question

这是我的代码：

var never = [1,2,3,4,7];

function please () {
  for (var i = 0; i < never.length; i++) {
    document.getElementById("more").innerHTML = "<button>" + never[i] + "</button>";
  }
}

我的 HTML 中有一个调用此函数的按钮，但它只为最后一项 (7) 创建了一个按钮。如何为数组中的每一项创建不同的按钮？感谢任何帮助。

Answer 1

通过附加到innerHTML而不是分配，比如

var never = [1,2,3,4,7];

function please () {
  for (var i = 0; i < never.length; i++) {
    document.getElementById("more").innerHTML += "<button>" + never[i] + "</button>";
  }
}

please();

<div id="more">
</div>

Answer 2

最好的方法是在 container.Each 中添加每个

创建的按钮

var never = [1,2,3,4,7];

function please () {
  var more=document.getElementById("more");
  for (var i = 0; i < never.length; i++) {
    var butt=document.createElement("button");
    butt.innerHTML=never[i];
    more.appendChild(butt);
  }
}

如何为数组中的每个项目创建不同的按钮 / JavaScript

How do I create different button for each item in an array / JavaScript

javascript

for-loop

button

innerhtml