动态表格：删除一行

我见有的代码用按钮的this，但不知具体怎么弄

解决方案 »

  1.   

    function click1(this)
    {
    index=this.parentElement.parentElement.rowIndex()
    mytbody.deleteRow(index)
    }//其中this表示按鈕本身。mytbody表示
    //<table><tbody id=mytbody>
    //<tr><td></td></tr>
    //</tbody></table>
      

  2.   

    <HTML>
    <HEAD><Title>Table</Title>
    </HEAD>
    <Body>
    这种方法不用知道你具体删除的是第几行.
    <Table>
    <TR height=23 bgcolor="#ffffff">
    <td>
    <Input type=button value="添加" onclick="addTopNum()">
    </td>
    </TR>
    </Table><Script language=javascript>
    function addTopNum()
    {
    var trobj = Tablor.insertRow();
    if(trobj)
    {
    trobj.TopID=TitleList.options[idx].value;
    var tdobj = trobj.insertCell();
    tdobj.innerHTML = "&nbsp;<INPUT TYPE=TEXT class='tx2' Name='SubNum' style='width:40px' value='"+num+"'>&nbsp;&nbsp;<input type=button value='删除' onclick='delTopNum(this)'>";
    }

    }
    function delTopNum(obj)
    {
    var trobj = obj.parentElement.parentElement; trobj.parentElement.removeChild(trobj);
    }
    </Script>
    </Body>
    </HTML>
      

  3.   

    <script>
    function deleteRow (tableID, rowIndex) {
      var table =document.all[tableID]
      table.deleteRow(rowIndex);
    } 
    </script>
    <table id=mxh border=1>
    <tr>
    <td>第1行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
    </tr>
    <tr>
    <td>第2行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
    </tr>
    <tr>
    <td>第3行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
    </tr>
    <tr>
    <td>第4行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td>
    </tr>
    </table>