新增表格的行和删除

 <table id="myTable" border="1">

        <tr>

          <td>行 1</td>

          <td><input type="button" value="删除" onclick="deleteRow(this)"></td>

        </tr>

        <tr>

          <td>行 2</td>

          <td><input type="button" value="删除" onclick="deleteRow(this)"></td>

        </tr>

        <tr>

          <td>行 3</td>

          <td><input type="button" value="删除" onclick="deleteRow(this)"></td>

        </tr>

function deleteRow(r){

    var i=r.parentNode.parentNode.rowIndex;

    document.getElementById('myTable').deleteRow(i);

}

新蹭

  <table id="myTable" border="1">

            <tr>

                <td>行1 列1</td>

                <td>行1 列2</td>

            </tr>

            <tr>

                <td>行2 列1</td>

                <td>行2列2</td>

            </tr>

            <tr>

                <td>行3 列1</td>

                <td>行3 列2</td>

            </tr>

            </table>

        </table>

        <input type="button" onclick="insRow()" value="插入行"

function insRow(){

    var x=document.getElementById('myTable').insertRow(0);

    var y=x.insertCell(0);

    var z=x.insertCell(1);

    y.innerHTML="新单元格1";

    z.innerHTML="新单元格2"