日期:2014-05-16  浏览次数:20320 次

js增删table方法
//新增加一行(注意第一行有时做为表头)
    function f_addRow(tableId,maxRc) {  
        var tbl = document.getElementById(tableId).tBodies[0];
        var rc = tbl.rows.length;
        if(maxRc != 0 && rc >= maxRc){
        alert("不能再添加行,只允许有"+maxRc+"行");
        return;
        }
        try {  
            var newNode = tbl.rows[rc-1].cloneNode(true);
            f_clearInputs(newNode);
            tbl.appendChild(newNode);  
        }  
        catch(e) {  
            alert(e.message);  
        }  
    }  

//删除行,最少剩余行数(注意第一行有时做为表头)
    function f_delRow(tableId,leastRc) {  
        var tbl = document.getElementById(tableId).tBodies[0];  
        var index = tbl.rows.length;
        if(index <= leastRc){
        alert("不能删除,必须保留一行");
        return;
        }
        tbl.deleteRow(index - 1);  
    }
   
    //清除表单数据
    function f_clearInputs(p_node) {  
        var i, elm, elements;  
        elements = p_node.getElementsByTagName('input');
        for( i=0, elm; elm=elements.item(i++); )  
        {  
            if (elm.getAttribute('type') == "text")  
            {  
                elm.value = '';  
            }  
        }
        elements = p_node.getElementsByTagName('select');  
        for( i=0, elm; elm=elements.item(i++); )  
        {  
            elm.options.selectedIndex=0;  
        }
    }