Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在单击按钮时删除表格行_Javascript_Button_Dynamically Generated - Fatal编程技术网

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

Javascript 如何在单击按钮时删除表格行,javascript,button,dynamically-generated,Javascript,Button,Dynamically Generated,在上面的代码中,我动态创建了一个表,并添加了姓名字段、性别字段、出生日期字段和删除按钮 代码是这样工作的:首先,用户必须在名称性别和DOB中输入详细信息,如果单击删除按钮,则包含字段的列将从表中删除。 我必须在此处插入删除代码: var del = document.createElement('input'); del.type = 'button'; del.name = 'delll';

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

代码是这样工作的:首先,用户必须在名称性别和DOB中输入详细信息,如果单击删除按钮,则包含字段的列将从表中删除。
我必须在此处插入删除代码:

  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);
试试这个:

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