首页 > 代码库 > 删除表格当前行
删除表格当前行
删除表格当前行,表格每一行有单独的删除,点击弹出按钮窗口。解决问题要点是用委托写法保存点击事件。
部分代码
//删除当前行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"; }});
效果
删除表格当前行
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。