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