如何使用JAVASCRIPT在每个HTML表行中添加一个按钮

我创建了一个HTML表，如下所示。我需要在每个产品的价格后添加一个按钮。如何使用JAVASCRIPT实现这一点？ （假设表有20多行。我需要在每一行中都有一个按钮）

品名
描述
价格
香皂
对婴儿有好处
75
牛奶
制造的
100
米饭
红米1公斤装
130

在我的示例中，使用了

forEach

方法。该按钮也是使用

createElement（）

方法创建的：

var button = document.createElement('button');

接下来，将创建一个

th

标记以将按钮放置在那里：

var th = document.createElement('th');

并为按钮分配了一个类，通过该类，您可以按类引用此按钮：

button.className = 'btn_buy';

使用此代码，将为所有表行创建一个按钮

window.onload=function（）{
var tr=document.querySelectorAll（“#productTable tbody tr”）；
数组.from（tr）.forEach（函数（trArray，index）{
var button=document.createElement（'button'）；
var th=document.createElement（'th'）；
button.innerText='buy'；
button.className='btn_buy'；
追加（按钮）；
tr[index].追加（th）；
});
}

品名
描述
价格
香皂
对婴儿有好处
75
牛奶
制造的
100
米饭
红米1公斤装
130

这是否回答了您的问题？你能告诉我们到目前为止你试过什么吗？一般来说，您必须选择

tbody

元素，循环遍历它的所有

tr

，并且对于每个

tr

，您必须附加一个新的

td

（不是

th

，就像在您的代码中；

th

是标题），其中包含按钮。@secan-很抱歉标记。就像你说的那样。试图编辑。但是不能。我只创建了html表。我不知道如何使用JS在每一行中添加一个按钮。（需要假设，表至少有20行）@DCR-这没有帮助按钮本身很少有用，按钮是否应该执行特定任务？secan描述的算法需要七行代码，尝试实现它。如果你被卡住了，那就问个问题。这正是我需要的。非常感谢：）@NiroshanDeMel，没问题：）很乐意帮忙！