动态插入和删除单元行

JS

    window.onload = function(){
        /*
         * 如果tr存在则是新增操作，否则为删除操作
         * 当为删除操作的时候，参数 --- table为表格的table对象，num为被删除的单元行序列数
         * 当为新增行操作的时候，参数 ---  table为表格的table对象，num是新增单元行的位置，tr为新增行的单元格的字符串型数组，
         * */
        trAct = function(table, num, tr){
            if(!tr){//如果num不存在则执行删除操作
                var _num = table.rows[num];
                if(_num){//如果被删除的行对象存在，则删除 ，返回true
                    table.deleteRow(_num);//js的原生函数删除行
                    return true;
                }
                else{
                    return false;//如果删除的对象不存在，则删除失败，返回false
                }
            }
            else{
                var r = table.insertRow(num),//在指定的位置创建行对象
                        i = 0,
                        l = tr.length;//待插入的数据长度
                for(; i < l ; i++){//遍历待插入数据
                    r.insertCell(i).innerHTML = tr[i];//插入新单元格数据
                }
                return true;//新增成功返回 true
            }

        }

        /*动态插入和删除单元行*/
        var _tableAct = document.getElementById("tableAct");

        document.getElementById("deleteRow").onclick = function(){//删除第一行
            trAct(_tableAct, 0);
        }

        document.getElementById("addRow").onclick = function(){//新增一行
            trAct(_tableAct, 0, [
                "新增单元格1",
                "新增单元格2"
            ]);
        }
    };