动态添加删除行

<table   width="100%"   border="0"   cellspacing="0"   cellpadding="0">  
      <tr>  
          <td   width="43%">  
  <table   width="100%"   border="1"   cellspacing="0"   cellpadding="0"   id="table1">  
                  <tr   id="tr1">  
                      <td   width="24%"   id="td1">1</td>  
                      <td   width="29%">2</td>  
                      <td   width="47%">3</td>  
                  </tr>  
                  <tr>  
                      <td>2</td>  
                      <td>&nbsp;</td>  
                      <td>&nbsp;</td>  
                  </tr>  
                  
              </table></td>  
          <td   width="57%"><form   name="form1"   method="post"   action="">  
                    
                      <input   type="button"   name="Submit2"   value="添加一行"   onClick="func1();">  
                       
                     
                     
                      
                      <input   type="button"   name="Submit6"   value="删除末行"   onClick="func6()">  
                  
              </form></td>  
      </tr>  
  </table>  
  <p>  
      <script   language="JavaScript"   type="text/JavaScript">  
  var   i=0;  
  function   func1(){  
  var   newrow   =   document.all("table1").insertRow();  
      for(i=0;i<3;i++){  
          var   newcell   =   newrow.insertCell();  
   
          newcell.innerText=i;  
  //alert(newrow.innerHTML);  
              }  
  }  
  function   func2(){  
  i++;  
  var   opttd   =   document.all("td1");  
  opttd.innerText   =   "changed"+i;  
  }  
  function   func3(){  
  var   opttr   =   document.all("tr1");  
  opttr.cells(0).innerHTML="11111111111111111111";  
  }  
  //行数
  function   func4(){  
  var   tab1   =   document.all("table1");  
  alert(tab1.rows.length);  
  }  
  //删除指定行
  function   func5(){  
  var   tab1   =   document.all("table1");  
  tab1.deleteRow(document.form1.textfield.value);  
  }  
  function   func6(){  
  var   tab1   =   document.all("table1");  
  tab1.deleteRow(tab1.rows.length-1);  
  }  
  </script>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值