在 Javascript 中为循环中生成的每个值创建一个按钮答案

【问题标题】：Creating a button in Javascript for each value generating in the loop在 Javascript 中为循环中生成的每个值创建一个按钮
【发布时间】：2019-07-31 07:11:34
【问题描述】：

我有一个来自后端的数据，我必须为当时生成的每个值创建一个按钮

这是一个网页，它应该显示每个值的按钮，即values[i].good and values[i].bad中的任何值

for (i in values){
  msg += values[i].good + ' - ' + values[i].end+ '<br>';
  $('<button type>',{text:values[i].good + ' - ' + values[i].bad,id : 'btn_'+ i});
}

例如，如果我的数据是 (12-13,13-14) 如果values[i].good 是12 而values[i].bad 是13，那么我需要一个按钮（12-13），所有值都应该重复同样的事情。所有按钮都应显示在网络应用程序中。

【问题讨论】：

标签： javascript dom-events

【解决方案1】：

你可以使用

var button = document.createElement("button");
button.setAttribute("id", 'btn_' + i);

然后把它放进去

var btn_text = document.createTextNode(values[i].good + ' - ' + values[i].bad);
button.appendChild(btn_text);

然后将其附加到元素

var element = document.getElementById("div1") //If have wraper
//OR
var element = document.body // If no

//Then Apply
element.appendChild(button);

喜欢这段代码

var values = [{
  good: 13,
  bad: 14
}, {
  good: 14,
  bad: 15
}, {
  good: 16,
  bad: 17
}];

//element = document.getElementById("div1") //If have wraper
var element = document.body
for (var i in values) {

  var para = document.createElement("button");
  var node = document.createTextNode(values[i].good + ' - ' + values[i].bad);
  para.setAttribute("id", 'btn_' + i);
  para.appendChild(node);
  element.appendChild(para);
}

【讨论】：

我只想显示按钮。你能帮我如何只显示按钮