有没有办法通过JS读取并复制已有的一个table的一个tr元素，并且追加到原有的table中？

<form>
<table id='tab' width='30%' border='1' align='center'>
  <tr><td>1</td><td>11</td></tr>
  <tr id='t'><td>2</td><td>22</td></tr>
</table>
<input type='button' value='append' onclick='append();'>
<script>
function append()
{
  var obj=document.all.tab;
  if (obj==null) return false;
  var rw=document.all.t;
  var nRow=obj.insertRow();
  var cel=null;
  for (var i=0; i<rw.cells.length; i++)
  {
    cel=nRow.insertCell();
    cel.innerHTML=rw.cells[i].innerHTML;
  }
  return true;
}
</script>
</form>

解决方案 »

  1.   

    <table id="a">
    <tr id="b"><td>ccc</td></tr>
    </table>
    <input type="button" name="Submit" value="增加一行" onClick="add_row(Main_Tab);">
    <script language="JavaScript">
    var Main_Tab=null;
    var cur_row=null;
    Main_Tab=a;
    function add_row(the_table) {
        event.cancelBubble=true;
        var the_row,the_cell;
        the_row = cur_row==null?-1:(cur_row+1);    
        var newrow=the_table.insertRow(the_row);
        for (var i=0;i<the_table.rows[0].cells.length;i++) {
            the_cell=newrow.insertCell(i);
            the_cell.innerText="ccc";
        }  
    }
    </script>
      

  2.   

    自己摸索出一个，支持 ie6/mozilla/opera8 <html>
    <body><button onClick="add()">add</button>
    <button onClick="test()">test</button><table id="t1" border="1">
    <tr id=a1><td>ccc</td></tr>
    </table><script language="JavaScript">
    function add(){
    var t1 = document.getElementById("t1");
    var str = document.getElementById("a1").innerHTML;t1.insertRow(t1.rows.length).insertCell(0).innerHTML = str;
    }
    function test(){
    for(i=0;i<t1.rows.length;i++) 
    alert(t1.rows[i].cells[0].innerHTML);
    }
    </SCRIPT></body>
    </html>wallex(兰舟催发)你的一看就只能运行在ie上我在网上还看到一个使用dom node的，感觉更好一点：<html>
    <body>

    <table border=1>
    <tr id=a1>
    <td><input></td><td><input></td>
    </tr>
    </table><input type=button name=ok onclick=add()><script language=JavaScript>
    i=1
    function add(){
    var o = document.getElementById("a1");
    var newTR = o.cloneNode(true);
    newTR.id="a"+(++i)
    o.parentNode.insertAdjacentElement("beforeEnd",newTR);
    }
    </script></body>
    </html>但是这个用了非w3c函数insertAdjacentElement，在mozilla上不行，各位谁知道mozilla应该怎么改。
      

  3.   

    表中增加行，第一列如果为行号则自动增加,希望能给你帮助
    function addrow(id){//参数为表的id属性
    var tb,newrow,i,str;
    tb=document.getElementById(id);
    newrow=tb.insertRow();
    str=tb.rows[tb.rows.length-2].cells[0].innerText;
    if(/^\d+$/.test(str)){
    str=str*1+1;
    }else{
    str=tb.rows[tb.rows.length-2].cells[0].innerHTML;
    }
    newrow.insertCell().innerHTML='<td>'+str+'</td>';
    for(i=1;i<tb.rows[tb.rows.length-2].cells.length;i++){
    newrow.insertCell().innerHTML=tb.rows[tb.rows.length-2].cells[i].innerHTML;
    }
    tb.rows[tb.rows.length-1].align=tb.rows[tb.rows.length-2].align;
    }
      

  4.   

    dom node 版本，ie6/ff1/opera8<html>
    <body>

    <table border=1>
    <tr id=a1>
    <td><input></td><td><input></td>
    </tr>
    </table><input type=button name=ok onclick=add()><script language=JavaScript>
    i=1
    function add(){
    var o = document.getElementById("a1");
    var newTR = o.cloneNode(true);
    newTR.id="a"+(++i)
    o.parentNode.appendChild(newTR);
    }
    </script></body>
    </html>
      

  5.   

    回复人： wallex(兰舟催发) ( ) 信誉：100 这方法好
      

  6.   

    复制一个tr到另一个tr的应用：
    http://jkisjk.vip.sina.com/html/detailkeep2.htm<html>
    <head>
    <title>dgd</title>
    </head>
    <body>
    <table id=a>
    <tr><td>aaa</td></tr>
    </table><font color=blue onclick="addFun()">读取table a的tr [0]，然后追加到table b中：</font>
    <table id=b>
    <tr><td>ccc</td></tr>
    <tr><td>ccc</td></tr>
    <tr><td>ccc</td></tr>
    </table>
    <script>
    function addFun()
    { var newRow = a.rows[0].cloneNode(true);
    alert(b.rows.length-1);
    b.rows[b.rows.length-1].parentElement.insertBefore(newRow);}
    </script>
    </body>
    </html>