簡體   English   中英

如何刪除按鈕單擊上的表行

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM