关于js动态增减行

<html>
<head>
   <title>js添加删除行</title>   <script type="text/javascript">
  //要确定行的唯一性（提示：你可以使用你的主键）
   var id=1;
//添加行的方法
   function addTr()
   { 
    //获得表格对象
    var tb=document.getElementById('testTab');
   
    //添加一行    
    var newTr = tb.insertRow(-1);//在最下的位置
   
    //给这个行设置id属性，以便于管理（删除）
    newTr.id='tr'+id;
    //设置对齐方式（只是告诉你，可以以这种方式来设置任何它有的属性）
    newTr.align='center';
    //添加两列    
    var newTd0 = newTr.insertCell();    
    var newTd1 = newTr.insertCell();
   
    //设置列内容和属性    
    newTd0.innerHTML = "本行id为："+id; //让你看到删除的是指定的行
    newTd1.innerHTML= "<button onclick=\"moveTr('"+id+"');\" >移除</button>";;
   
    id++;
   
   }
   //移除行的方法
   function moveTr(id)
   {
    //获得表格对象
    var tb=document.getElementById('testTab');
    //根据id获得将要删除行的对象
    var tr=document.getElementById('tr'+id);
    //取出行的索引，设置删除行的索引
    tb.deleteRow(tr.rowIndex);
   
   }   </script>
</head>
<body>
   <center>   表格：
   <table id="testTab" border="1" bordercolor="red" width="700px" height="300px">
    <tr align="center">
     <td>
      本行id为：0
     </td>
     <td>
      <button onclick="moveTr(0);" >移除</button>
     </td>
    </tr>
   </table>
   <button onclick="addTr();">添加一行</button>
   </center>
</body>
</html>
代码中如何将（本行id为：0）的那行删除？

解决方案 »

  1.   

    现在没时间看帖，回去再看，先定下！
    java技术交流群100756746，希望大家加入，我们共同讨论，共同进步！
      

  2.   

    L@_@K
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
      //移除行的方法 
      function moveTr(iRowInd) 
      { 
        //获得表格对象 
        var tb=document.getElementById('testTab'); 
        //根据id获得将要删除行的对象 
        //var tr=document.getElementById('tr'+id); 
        //取出行的索引，设置删除行的索引 
        tb.deleteRow(iRowInd); 
      
      }   //-->
      </SCRIPT>
     </HEAD> <BODY>
      <table id="testTab" border="1" bordercolor="red" width="700px" height="300px"> 
        <tr align="center"> 
        <td> 
          本行id为：0 
        </td> 
        <td> 
          <button onclick="moveTr(0);" >移除 </button> 
        </td> 
        </tr> 
      </table> 
      <button onclick="addTr();">添加一行 </button>  </BODY>
    </HTML>
      

  3.   

    Web 开发常用手册 JScript语言参考.rar 
    http://download.csdn.net/source/308916 DHTML参考手册.rar 
    http://download.csdn.net/source/308913 样式表中文手册.chm 
    http://download.csdn.net/source/304124