表格中的删除、增加、修改触发方法

本篇文章主要介绍了"表格中的删除、增加、修改触发方法"，主要涉及到增加,修改方面的内容，对于web前端感兴趣的同学可以参考一下： 今天看到一段表格中触发操作方法的代码，和自己之前写的不太一样。 比如一个表格，我会在每一个要触发操作的地方用a标签，并用onclick指定...

      今天看到一段表格中触发操作方法的代码，和自己之前写的不太一样。

      比如一个表格，我会在每一个要触发操作的地方用a标签，并用onclick指定方法：

    

    

        
序号
        
名称
        
XX
        
XX
        
操作
    
    
    

    

        
1
        

    

    

        
序号
        
名称
        
XX
        
XX
        
操作
    
    
    

    

        
1
        
//为每行元素添加事件
    var table = document.getElementById('listTable');
    var tr = table.children[1].rows;
    for (var i = 0; i < tr.length; i++) {
        //将点击事件绑定到tr元素
        tr[i].onclick = function (e) {
            var e = e || window.event;
            var el = e.target || e.srcElement; //通过事件对象的target属性获取触发元素
            var cls = el.className; //触发元素的class

            //通过判断触发元素的class确定用户点击了哪个元素
            switch (cls) {
                case 'delete': //点击了删除
                    var conf = confirm('确定删除此项目吗？');
                    if (conf) {
                        deleteOperate(this);
                        /*this.parentNode.removeChild(this);*/
                    }
                    break;
                case 'add': //点击了增加
                    addOperate(this);
                    break;
                case 'modify': //点击了修改
                    modifyOperate(this);
                    break;
            }

        }

以上就介绍了表格中的删除、增加、修改触发方法，包括了增加,修改方面的内容，希望对web前端有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_1422083.html