HTML 表格中动态添加行的问题，好难啊！

急了三天。头都大了 。
_____________________________________________________   ___
 TEXT框      |__第1行_______TEXT框__________________|    |
             |第|                                   |    |
             |2 |________________内置_______________|    外层表第一行
             |行|                表格               |    |
             |  |_____________（3行3列）____________|    |
             |  |                                   |    |
_____________|__|___________________________________|   _|_
 TEXT框      |__第1行_______TEXT框__________________|    |
             |第|                                   |    |
             |2 |________________内置_______________|    |
             |行|                表格               |   外层表第二行 
             |  |_____________（3行3列）____________|    |
             |  |                                   |    |
_____________|__|___________________________________|   _|_再如上的表格中，需要点击网页中的某个按钮，来动态追加一行（外层表的一行），请问应该用什么方法。。在线等，不胜感谢，分不够再加。

解决方案 »

  1.   

    参考：http://zhanglindez.bokee.com/3820026.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
    /*
    动态添加table.将table中的text的值存入另一text中，在后台得到另一text的值
    注意：1。OnChanged将“text的值存入另一text中”。如果此事件写入后台代码，将得不到。因为被postback掉了。
      故先存，再运行后台代码。
      2。在html中有一table，名字为filetb。
    如果需要动态修改，在table里添加literal.text.
    */
    var allCount;
       allCount=0;
    function addAttachment() {    allCount++;
        var Num,p,myrow,indexnewrow,c1,c2,c3;
        var rown=filetb.rows.length;
        
        myrow=filetb.insertRow(rown-1);
        myrow.id="tdt"+allCount;
        myrow.name="tdt"+allCount;
        myrow.className="smallFont";    c1=myrow.insertCell();
        c1.width="100";
        c1.align="right";
        c1.innerHTML="<p align=right>代码" + (allCount) + "：";
        
        c2=myrow.insertCell();
        c2.align="left";
        c2.innerHTML="<INPUT type='text' onchange='return GetValue()' style='width:200'  class=t1 name=txtCode"+(allCount)+" MaxLength='50'>";    c3=myrow.insertCell();
        c3.align="left";
        c3.innerHTML="&nbsp;&nbsp;&nbsp;<a href='javascript:removeatt(" + allCount + ");'>删除</a>";
        
       }   function GetValue()
       {
        var id;
        var a;
        var b;
        for(i=0;i<filetb.rows.length;i++)
        {
         a = filetb.rows(i).cells(0).innerText;
         a = a.substring(2,3);
         id = "txtCode" + a;
         document.all("txt").value += document.all(id).value;
        }
       }   function removeatt(ln)
       {
        var i
        var tdname
        var tdln
        var line=ln;
        if (line>0) {
         for (i=0;i<filetb.rows.length;i++) {
          tdname=filetb.rows[i].name;
          tdln=tdname.substring(3,tdname.length);
          if (tdln==line) {
           filetb.deleteRow(i);
           break;
          }
         }
        }
       }
    </script>
    </head><body>
    <form id="form1" name="form1" method="post" action="" runat="server">
    <input type=button onclick="return addAttachment()" id=btnNew value=click />
    <input type=button onclick="return GetValue()" id=btnGet value=GetValue />
    <input type="text" id=txt />
    <table id=filetb border="1"></table>
      
    </form>
    </body>
    </html>
      

  2.   

    如果单纯追加一行的话，这个问题我可以解决，关键问题，我现在的表结构，一行中有嵌套：<tr>
      <td rowspan="2">aaaa</td>
      <td>bbbb</td>
    </tr>
    <tr>
      <td>
         <table>
           .....
         </table>
      </td>
    </tr>以上是我的表结构，我想动态添加一行这样的.
      

  3.   

    其实我觉得是一样的.
    你想要的就是在TD里加一个Table,那就 tdObject.appendChild(subTableObject).
    subTableObject需要动态添加的那个内置表格