首页 > 代码库 > 删除表格当前行

删除表格当前行

删除表格当前行,表格每一行有单独的删除,点击弹出按钮窗口。解决问题要点是用委托写法保存点击事件。

部分代码

//删除当前行document.addEventListener(‘click‘,function(evt){    if(!evt.target.matches("input.bt_in_td3[type=‘button‘]")) {return}    var tr=evt.target.parentNode.parentNode.parentNode;    var deltwindow=document.getElementById("deltwindow");   //弹窗    deltwindow.style.display="block";        var hidden_window_nodelt=document.getElementById("hidden-window-nodelt");    hidden_window_nodelt.onclick=function() {        deltwindow.style.display="none";      //取消    }    var yes = document.getElementById("yes");    yes.onclick = function() {        tr.remove();       //删除当前行        deltwindow.style.display="none";    }});

效果

技术分享

 

删除表格当前行