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

Posted 2023-05-07

【中文标题】如何为数组/ JavaScript中的每个项目创建不同的按钮

【英文标题】：How do I create different button for each item in an array / JavaScript

【发布时间】：2018-08-05 06:43:53

【问题描述】：

这是我的代码：

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) 创建了一个按钮。如何为数组中的每个项目创建不同的按钮？任何帮助表示赞赏。

【问题讨论】：

您在每次迭代后重置 innerHTML。您需要像这样添加 + document.getElementById("more").innerHTML += "" + never[i] + "";

【参考方案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>

【讨论】：

错别字，可爱！

【参考方案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);
  

【讨论】：

这是最合理的答案，其他的只是浪费时间。

请添加更多信息。以文档为例。