[英]How to delete the table row on button click
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字段和DATE OF BIRTH字段和DELETE BUTTON。
代碼的工作方式如下:首先,用戶必須在NAME GENDER和DOB中輸入詳細信息,如果單擊DELETE按鈕,則會從表中刪除包含字段的列。
我必須在此處插入要刪除的代碼:
del.onclick = function(){ };
嘗試這個:
del.onclick = function(){
var tr = document.createElement('TR');
tr.parentElement.removeChild(tr);
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.