如何用Javascript事件，删除table中的一行？

请参考：
function delRow()
{
   var tabs = document.getElementsByTagName("TABLE");
   for(var i=tabs.length-1; i>=0; i--)
   {
     if(tabs[i].id=="childtable")
     {
        tabs[i].removeNode(true);
        break;
     }
   }
}这个函数是删除最后一行，你可以改变i的值来删除第i行

解决方案 »

  1.   

    to  baiyunfei(大虾们，可要记住：星星越多，责任越大！) 
    能不能把完整的代码发出来？
      

  2.   

    <table name="table1">
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    </table>
    <input type="button" name="delrow" onclick="delrow();"><script language="javascript">
    function delrow()
    {
        var tbrow = document.all("table1").rows;
        document.all("table1").deleteRow(tbrow.length - 1);
    }
    </script>
      

  3.   


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function searchObjByTagName(obj, tag)
    {
      while(obj!=null && typeof(obj.tagName) != "undefind")
      {
        if(obj.tagName == tag.toUpperCase()) return(obj);
        obj = obj.parentElement;
      }
      return null;
    }
    function test1(){
    var a = document.getElementsByName("hot")
    for(var i=0; i<a.length; i++)
    {
      if(a[i].checked) searchObjByTagName(a[i], "TR").removeNode(true);
    }
    }
    //-->
    </SCRIPT>
    <table border="1">
    <tr id="tr_t"><td><INPUT TYPE="checkbox" NAME="hot">1</td></tr>
    <tr id="tr_t"><td><INPUT TYPE="checkbox" NAME="hot">2</td></tr>
    <tr id="tr_t"><td><INPUT TYPE="checkbox" NAME="hot">3</td></tr><input type="button" value="删除" onClick="test1()" name="deletebutton2"></table>
      

  4.   

    <SCRIPT>
    var cInput
    function fnAppend(obj)
    {
       var arr = new Array(5);
         arr[0] = "txtA";
     arr[1] = "txtB";
     arr[2] = "txtC";
     arr[3] = "txtD";
     arr[4] = "txtE";

    for(var i=0;i<parseInt(obj.value);i++)
    {
          var trHeader = tbl1.insertRow();
              
        
          for(var j=1;j<4;j++){
        var tdHeader =trHeader.insertCell();
        var obj1 = document.createElement("INPUT");
            obj1.type = "text";
        obj1.name = arr[j]+i;
        obj1.onfocus=function(){cInput=this}
        tdHeader.appendChild(obj1);
      }
      var tdHeader2 = trHeader.insertCell();
      var obj2 = document.createElement("select");
      for(var j=1;j<4;j++){
      var objOption = document.createElement("option");
      objOption.value = j;
      objOption.innerText = "Item " + j;
      obj2.insertBefore(objOption,null);
       }
      obj2.name = "test"+i;
      obj2.onfocus=function(){cInput=this}
      tdHeader2.appendChild(obj2);
    }
    }
    function fnSub(obj)
    {
       
    }
    function document.onmousemove()
    {
       window.status = "控件 name : "+ event.srcElement.name;
    }//function
    function delRow(){
    if (cInput!=undefined){
    var myTr=getParent(cInput,"TR")
    if (myTr!=false){
    myTr.parentElement.removeChild(myTr)
    cInput=undefined
    }
    } 
    }function getParent(myElement,myTagName){
    if (myElement.tagName=="BODY") {return false}
    if (myElement.tagName==myTagName){
    return myElement;
    }
    else{return getParent(myElement.parentElement,myTagName)}
    }
    </SCRIPT>
    <BODY>
    <INPUT TYPE = "button" VALUE = "5" onclick = "fnAppend(this)" name="button1">
    <INPUT TYPE = "button" VALUE = "1" onclick = "fnSub(this)" name="button2">
    <input type="button" value="点击某一行的任何一个INPUT，然后删除该行" onclick="delRow()">
    <form name="form1"><table id="tbl1" border="1">
    </table></form>