javascript deleteRow 问题

改
var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow( 1 );
成
var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow( n );
试试

解决方案 »

  1.   

    var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow(document.getElementById( "wikiinfo_excel" ).rows.length );    
    或者var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow(-1); //代表增加到表格的后面
      

  2.   

    或者试试下面的
     <script type="text/javascript">    
      var  n  = 0 ;    
      function  testAdd(){  
          
          if(n>10){  
            return n;  
          }    
          var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow( document.getElementById( "wikiinfo_excel" ).rows.length );    
          tr.id = " wikiinfo_ " + n;    
            
          var  fileanme  =  tr.insertCell();    
          fileanme.innerHTML = "<input type='button' name='del' onclick='doDelete(\""+(document.getElementById( "wikiinfo_excel" ).rows.length-1)+"\")' value='删除'/> <input type='text' name='filename"+n+"'>";    
            
          var  sheetname  =  tr.insertCell();    
          sheetname.innerHTML = " <input type='text' name='sheetname"+n+"'>";    
            
          var  col  =  tr.insertCell();    
          col.innerHTML = " <input type='text' name='col"+n+"'>";  
            
          var  row  =  tr.insertCell();    
          row.innerHTML = " <input type='text' name='row"+n+"'>";  
            
          var value = tr.insertCell();  
          value.innerHTML = " <input type='text' name='value"+n+"'>";  
            
          var flag = tr.insertCell();  
          flag.innerHTML = " <input type='text' name='flag"+n+"'>";  
            
          n ++ ;    
        // alert(n);      
      }    
      function  doDelete(id)    
      {     
       
        var _tableObj=document.getElementById("wikiinfo_excel");
        // _tableObj.deleteRow(n); 
        for(var i=id+1;i<_tableObj.rows.length;i++)
        {
            _tableObj.rows[i-1]=_tableObj.rows[i];
        }
         _tableObj.deleteRow(_tableObj.rows.length-1);  
         
         alert(_tableObj.rows[_tableObj.rows.length-1].cells[0].innerHTML);
          
      }    
    </script>  
    <table id="wikiinfo_excel"></table>
    <input type="button" value="增加" onclick="testAdd()" />
    <input type="button" value="删除" onclick="doDelete()" />
    这样可以不用只能删除最后一个,你要删除那一个就删除那一个
      

  3.   


    <script type="text/javascript">   
      var  n  =  1 ;   
      function  testAdd(){ 
         
          if(n>10){ 
            return n; 
          }   
          var  tr  =  document.getElementById( "wikiinfo_excel" ).insertRow();   
          tr.id = " wikiinfo_ " + n;   
           
          var  fileanme  =  tr.insertCell();   
          fileanme.innerHTML = " <input type='text' name='filename"+n+"'>";   
           
          var  sheetname  =  tr.insertCell();   
          sheetname.innerHTML = " <input type='text' name='sheetname"+n+"'>";   
           
          var  col  =  tr.insertCell();   
          col.innerHTML = " <input type='text' name='col"+n+"'>"; 
           
          var  row  =  tr.insertCell();   
          row.innerHTML = " <input type='text' name='row"+n+"'>"; 
           
          var value = tr.insertCell(); 
          value.innerHTML = " <input type='text' name='value"+n+"'>"; 
           
          var flag = tr.insertCell(); 
          flag.innerHTML = " <input type='text' name='flag"+n+"'>";       var del= tr.insertCell(); 
          del.innerHTML = " <input type='button' id='del"+n+"' value='删除"+n+"' ln='"+n+"' onclick='javascript:doDelete(this.ln)'>"; //加个行删除按钮，自定义一个行号       
          n ++ ;   
        // alert(n);     
      }   
      function  doDelete(ln)   
      {   
        if(n>1){ 
         
            n = n-1; 
             
            var o = document.getElementById("wikiinfo_excel");   
     
            o.deleteRow();   
            
            alert(n); 
            for (var i=0;i<n;i++){//删除行时重排删除行以下的行号
              if(i>ln){
                o=document.getElementById("del"+i);
                o.ln--;
              }
            }
        } 
      }   
    </script> 
    <body>  
    <input type=button onclick=testAdd();>
    <table id='wikiinfo_excel'></table>
      

  4.   

    function  doDelete()    
    {    
    if(n>1)
    {  

    n = n-1;  
        
    var _tableObj = document.getElementById("wikiinfo_excel");    

    var iRowCount = _tableObj.rows.length;//获取行数
    var iDelRow = n; //删除的行索引
    for(var i=n+1 ; i<iRowCount ; i++) //循环删除行以后的行
    {
    ....//在此设置n,删除后的n值为删除前的n-1
    }
    _tableObj.deleteRow(n);
    alert(n);  
    }  
    }