js 删除tr行的问题


<tr >
<td>1</td>
<td>2</td>
<td>3</td>
<td><a id="11" href="javascript:delete();" onclick="javascript:delete();">删除</a></td>
 </tr>请问如何根据a标签的id删除tr行？

解决方案 »

  1.   

    这样？
    <tr >
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td><a id="11" href="javascript:void(0)" onclick="delete(this.id);">删除</a></td>
     </tr>
      

  2.   


    恩，跟据id，删除所在的tr行。
      

  3.   

    delete getElementById(id).parentNode.parentNode
      

  4.   


    <table>
    <tr >
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
     </tr>
    <tr >
    <td>11</td>
    <td>22</td>
    <td>33</td>
    <td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
     </tr>
    <tr >
    <td>111</td>
    <td>222</td>
    <td>333</td>
    <td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
     </tr>
    </table>
      

  5.   


    <html>
    <script>
    function delTR(obj) {
      var table=obj.parentNode.parentNode.parentNode;
      table.removeChild(obj.parentNode.parentNode);
    } 
    </script>
    <table>
    <tr >
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td><a id="1" href="#" onclick="javascript:delTR(this);">删除</a></td>
     </tr>
    <tr >
    <td>11</td>
    <td>22</td>
    <td>33</td>
    <td><a id="11" href="#" onclick="javascript:delTR(this);">删除</a></td>
     </tr>
    <tr >
    <td>111</td>
    <td>222</td>
    <td>333</td>
    <td><a id="111" href="#" onclick="javascript:delTR(this);">删除</a></td>
     </tr>
    </table>
    </html>
      

  6.   

    <title></title>
        <script type="text/javascript">
            window.onload = function() {
                var list = document.links;
                for (var i = 0; i < list.length; i++) {
                    list[i].onclick = function() {
                        var test = document.getElementsByTagName("tr").item(i);
                        //alert(this.parentNode.parentNode);
                        this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
                        //document.getElementById("t").removeChild(this.parentNode.parentNode);
                    }
                }
            }
      </script>
    </head>
    <body>
       <table id="t">
      <tr id="s">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>
    <a id="1" href="#">删除</a></td>
      </tr>
       <tr id="ss">
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>
    <a id="2" href="#">删除</a></td>
      </tr id="sss">
       <tr >
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>
    <a id="3" href="#">删除</a></td>
      </tr>
    </table>
      

  7.   

    嗯，跟楼上一样。
    还想了半天这个id用数字好像是不行的，后来发现根本就不用id这劳什子…… 
    <table id="tab1"> 
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td><a id="a1" href="#" onclick="remove(this);">删除</a></td>
      </tr>
      <tr>
        <td>2</td>
        <td>2</td>
        <td>3</td>
        <td><a id="a2" href="#" onclick="remove(this);">删除</a></td>
       </tr>
     </table>
     <SCRIPT LANGUAGE="JavaScript">
     <!--
    function remove(obj){
    //alert(obj.parentElement.parentElement.rowIndex);
    var TR_ind = obj.parentElement.parentElement.rowIndex;
    tab1.deleteRow(TR_ind);
    }
     //-->
     </SCRIPT>
      

  8.   

    <html>
    <script>
    function del(obj) {
      var table=obj.parentNode.parentNode.parentNode;
      table.removeChild(obj.parentNode.parentNode);
    } 
    </script>
    <table>
    <tr >
    <td>1</td>
    <td>1</td>
    <td>1</td>
    <td><a id="1" href="#" onclick="javascript:del(this);">删除</a></td>
     </tr>
    <tr >
    <td>2</td>
    <td>2</td>
    <td>2</td>
    <td><a id="2" href="#" onclick="javascript:del(this);">删除</a></td>
     </tr>
    <tr >
    <td>3</td>
    <td>3</td>
    <td>3</td>
    <td><a id="3" href="#" onclick="javascript:del(this);">删除</a></td>
     </tr>
    </table>
    </html>