5.11-5.15javascript制作动态表格

标签：

制作动态表格的主要是运用js中表格类的insertRow、insertCell简易添加行和列的代码，不过要注意每行添加的表格是有位置行编号的，
每行的编号为rows.length-1，增加的表格内的标签属性内容注意把原来的双引号变为单引号：

<script language="javascript" type="text/javascript">
    var id = 5;
    function addtr(){ //增加表格
        var tem = ++id;
        var t = document.getElementById("tab");
        var row = t.insertRow(t.rows.length-1);
        row.bgColor="#CCCCCC";
        row.id="row"+tem;
        var cell1 = row.insertCell(0);
        cell1.bgColor="#DFF1F8";
        var cell2 = row.insertCell(1);
        cell2.bgColor="#f0f0f0";
        var cell3 = row.insertCell(2);
        cell3.bgColor="#DFF1F8";
        var cell4 = row.insertCell(3);
        cell4.bgColor="#f0f0f0";
        cell1.innerHTML="产品编号：";
        cell2.innerHTML="<input type=‘text‘ name=‘code"+tem+"‘ id=‘code"+tem+"‘ onchange=‘prodcheck(this.id)‘/>";
        cell3.innerHTML="数 量：";
        cell4.innerHTML="<input type=‘text‘ name=‘num"+tem+"‘ id=‘num"+tem+"‘ onchange=‘isNumber(this.id)‘ />&nbsp;&nbsp;&nbsp;&nbsp;<a href=‘javascript:deltr()‘>删除</a>";
        document.f.hid.value=id;
    }

    function deltr(){  //删除表格
        var tdel = document.getElementById("tab");
        tdel.deleteRow(id+2);
        id--;
        document.f.hid.value=id;
    }
</script>、

在删除表格时，注意每行id属性的变化，需要改变id值。

5.11-5.15javascript制作动态表格

标签：

原文地址：http://www.cnblogs.com/sinea17/p/4510167.html