5.11-5.15 javascriptダイナミックフォームを作成する

            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 。