js如何在table中插入一行(最后行)

每次点击add按钮，在table最后插入一行，有3列，用javascript实现
求样例，非常感谢

解决方案 »

  1.   

    用javascript实现
    相当于在创建行
    用js控制行数的增加到是可以
    但是要固定一下  新建的行 要保证值空就行
      

  2.   

    我记得是可以的insertRow(-1)具体怎么写还希望大家给点力
      

  3.   

    <!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="">
    </HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function createtabletest(){
     
      var objTable = document.getElementById("table1");
      var objTR = objTable.insertRow();  
      var objTD=  objTR.insertCell(); 
      objTD.innerHTML='增加';
      ////////////////////////////////////////////////
     
     for(var i=0;i<objTable.rows.length;i++)
     {
     
       var objTD=     objTable.rows[i].insertCell(0);
       objTD.innerHTML=i;
         
     }
     ////////////////////////////////////////////////
     
    }
    //-->
    </SCRIPT>
    <BODY>
    <TABLE id="table1">
     
    </TABLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    createtabletest();
    //-->
    </SCRIPT>
    </BODY>
    </HTML>
      

  4.   

    公司只能访问csdn,上班没地方搜
      

  5.   

    LZ不会也是搞外包的吧，http://www.w3school.com.cn/能访问吧。
    建议楼主看看DOM帮助手册，里面有针对table操作的各种方法。
      

  6.   

    js操作 table google一下就知道了 很简单的
      

  7.   

    <script type="text/javascript">
      function addTable(){
      var innerTD = "<tr><td>test</td><td>女</td><td>333</td></tr>"
    $(innerTD).appendTo("#test");
       }
      </script>     
     <input type="button" onclick="addTable()">
     <table id="test" name="test">
      <tr>
      <td>名字</td>
      <td>性别</td>
      <td>工号</td>
      </tr>
     </table>
      

  8.   

              注：fTable:为表        
              var fdsTable= document.getElementById("test");
              var oldObj= fdsTable.rows[0];
      var rowObj = fdsTable.insertRow(0);
         //---根据第一行的cells,生成本行的cells
      for (var i=0;i<oldObj.cells.length;i++)
      {
           var cellObj=rowObj.insertCell();
           cellObj.mergeAttributes(oldObj.cells[i]);
      }
       不知对你是否有用。在www.uwsoft.cn网站上，有个在线试用系统，对于TABLE表单的操作，有非常好的应用案例（自定义表单）。
      

  9.   


     <input type="button" onclick="addTable()">
     <table id="test" name="test" border="1">
         <tr id="b">
             <td>名字</td>
             <td>性别</td>
             <td>工号</td>
         </tr>
     </table>
    <script type="text/javascript">
         function addTable(){
    document.getElementById("test").appendChild(document.getElementById("b").cloneNode(true));
          }
      </script>
      

  10.   

    function add() {
    var t = document.getElementById("tab");
    var row = t.insertRow(-1);
    var cell1 = row.insertCell(-1);
    var cell2 = row.insertCell(-1);
    cell1.innerHTML = "<input type=\"text\" name=\"adName\" >";
    cell2.innerHTML = "2";
    }