Javascript HTML中动态创建的按钮的行为取决于第一次创建的按钮

我刚开始使用Java脚本。我有一个条件，根据条件为某个变量赋值。这些值包含动态创建按钮并将其显示在图形中的命令。以下是代码：

if (closure == "Closed") {
    newData = newData + "<br>" + (f + 1) + ". " + data[i + 10] + " - " + data[i] + "-" + data[i + 1] + " " + data[i + 4] + " at " + data[i + 3] + "<h3 align='right'><input type='button' value='Approve' class='button' onclick='conf(" + data[i + 11] + ")' /><br>DATE LAST UPDATED: " + data[1] + " <br>LAST UPDATED BY: " + data[i + 9] + " - " + data[i + 10] + "</h3>";
} else {
    newData = newData + "<br>" + (f + 1) + ". ";
}

if（closure==“Closed”）{
新数据=新数据+“
”+（f+1）+“+数据[i+10]+”-“+数据[i]+”-“+数据[i+1]+”+数据[i+4]+”在“+数据[i+3]+”
上次更新日期：“+数据[1]+”
上次更新日期：“+数据[i+9]+”-“+数据[i+10]+”；
}否则{
newData=newData+“
”+（f+1）+”；
}

这是一个while循环。单击按钮后，它将向函数返回一个值。我的问题是，中第一个创建的按钮的行为被其余按钮继承，因此当我删除第一个按钮时，中所有动态创建的按钮都会被删除

---

代码运行良好，因为它只更新数据库中的正确数据，但是，这些按钮存在问题。

我尝试为创建的每个按钮分配一个ID，但不起作用。最后，它运行正常，只需使用正确的数组索引即可。无论如何谢谢你