怎样在table里动态增减行？

table1.rows[1].cells[0].innertext=p1;
table1.rows[1].cells[1].innertext=23;
table1.rows[2].cells[0].innertext=p2;
table1.rows[2].cells[1].innertext=43;

解决方案 »

  1.   

    <body >
    <table id=t1>
    <tr>
    <td>a</td><td>b</td>
    </tr>
    <tr>
    <td>c</td><td>d</td>
    </tr>
    </talbe>
    <input type=button value="delete row" onclick="if(t1.rows.length >= 1) t1.deleteRow(0)">
    <input type=button value="insert row" onclick="var oRow = t1.insertRow(0);oRow.insertCell().innerHTML = '<td>k</td>';oRow.insertCell().innerHTML='<td>l</td>'">
    </body>
      

  2.   

    function addta()
    { var obj = MenuTa2.insertRow(i)
    obj.insertCell(0).innerText = i
    obj.insertCell(1).innerText = "888"
    obj.insertCell(2).innerHTML = "<input class=input id=co readonly type=text value="+form1.sName.value+">"
    obj.insertCell(3).innerText = form1.sGG.value
    obj.insertCell(4).innerText = document.all("sAddr").text
    i = i+1
    }
      

  3.   

    增行如下：
    function addRow()
    {
    var myTable = document.getElementById("TableID");
    var i=myTable.rows.length;
    var row = myTable.insertRow();var cell1 = row.insertCell() ;//加单元格以下是增加文件选择控件，可以不用
    var text1 = document.createElement("input");
    var text5 = document.createElement("input");
    text1.name="FileInfo"+(i-2) ;
    text1.type = "file" 
    text5.type = "checkbox";
    text5.name = "attach";
    text5.id = i ;//将控件放在指定的单元格中，也可以不用
    cell1.appendChild(text5);
    cell1.appendChild(text1);
    }删除行见：http://expert.csdn.net/Expert/topic/2378/2378429.xml?temp=.4171259