如何在单击按钮时删除表行

How to delete the table row on button click

本文关键字：删除按钮单击更新时间：2023-09-26

  var del = document.createElement('input');
                  del.type = 'button';
                  del.name = 'delll';
                  del.value = 'del';
                  del.onclick = function(){ };  


  var table = document.getElementById("myTableData");
                var tableBody = document.createElement('TBODY');
                table.appendChild(tableBody);
                   var tr = document.createElement('TR');
                   tableBody.appendChild(tr);
                       var td = document.createElement('TD');
                       td.width='175';
                       td.appendChild(el);
                       tr.appendChild(td);
                       var td = document.createElement('TD');
                       td.width='245';
                       td.appendChild(objLabel);
                       td.appendChild(objLabel2);
                       tr.appendChild(td);
                       var td = document.createElement('TD');
                       td.width='245';
                       td.appendChild(el_s);
                       td.appendChild(el_sm);
                       td.appendChild(el_sy);
                       tr.appendChild(td);
                       **var td = document.createElement('TD');
                       td.width='20';
                       td.appendChild(del);
                       tr.appendChild(td);**
                      myTableData.appendChild(table);

在上面的代码中，我动态创建了一个表，并添加了名称字段性别字段和出生日期字段和删除按钮。

代码的工作原理如下：首先，用户必须在 NAME GENDER AND DOB 中输入详细信息，如果单击 DELETE 按钮，则包含字段的列将从表中删除。
我必须在此处插入要删除的代码：

del.onclick = function(){ };

试试这个：

del.onclick = function(){
    var tr = document.createElement('TR');
    tr.parentElement.removeChild(tr);
};