码迷,mamicode.com
首页 > 其他好文 > 详细

删除表格当前行

时间:2016-09-23 11:08:40      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

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

部分代码

//删除当前行
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";
    }

});

效果

技术分享

 

删除表格当前行

标签:

原文地址:http://www.cnblogs.com/xiaoluoli/p/5898873.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!