Javascript 如何在单击表格的按钮时添加行？

我的桌子底部有一个按钮。我一直在玩弄java脚本，但我不知道如何在单击按钮时在每行中添加正确数量的单元格

---

另外，是否有一种方法可以添加一行，同时在每行末尾添加一组新按钮？

您可以使用

insertRow（）

方法，这将创建一个空的

元素并将其添加到表中。

insertRow（）

方法在表中指定的索引处插入新行。 注意：

元素必须包含一个或多个

或

元素

函数myFunction（）{
var table=document.getElementById（“数据表”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；
}

表，td{
边框：1px纯黑；
}
单击按钮在表的第一个位置添加新行，然后添加单元格和内容

第1行第1单元
第1行第2单元
第2行第1单元
第2行第2单元
第3行第1单元
第3行第2单元


试试看

这是您需要的信息

函数myFunction（）{
var table=document.getElementById（“数据表”）；
var行=table.insertRow（-1）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（-1）；
var cell4=行插入单元格（-1）；
var cell5=行插入单元格（-1）；
var cell6=行插入单元格（-1）；
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；
cell3.innerHTML=“新建cell3”；
cell4.innerHTML=“新建cell4”；
cell5.innerHTML=“新建cell5”；
cell6.innerHTML=“新建cell6”；
}

我知道您正在使用jQuery，如果您这样做，您可以使用以下内容：

 $('#addRow').click(function(e){
e.preventDefault();          
var $tr = $('<tr>').html("<td>cdcs</td><td>csc</td><td>cscs</td><td>cscs</td><td>cscs</td>");
          var $tdButtons = $('<td>').html('<button>Compress</button><a href="#">Compress</a><a href="#">Download</a><a href="#">Delete</a>');
          $tr.append($tdButtons);
          $('#data-table').append($tr);
        });

$（'#addRow'）。单击（函数（e）{
e、 预防默认值（）；
var$tr=$（''）.html（“cdcscscs”）；
var$tdButtons=$（''）.html（'Compress'）；
$tr.append（$tdButtons）；
$（“#数据表”）.append（$tr）；
});

而linkadd行必须类似于

<a href='#' id="addRow">Add Row</a>

---

如何在第6单元中添加按钮？

<a href='#' id="addRow">Add Row</a>