请问:如何在table的最后一个tr插入一行

我想在table的最后一个tr插入一组tr,即插入新行, replace?
还是要怎么做?

解决方案 »

  1.   


    var table = document.getElementById('tableID');
    var newRow = table.insertRow(-1);  //在最后插入新行
    newRow.innerHTML = '.....';
      

  2.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script>
    function add(){
    var t = document.getElementById("tab");
    var row = t.insertRow();
    var cell1 = row.insertCell();
    var cell2 = row.insertCell();
    cell1.innerText = "1";
    cell2.innerText = "2";
    }
    </script>
    </head><body>
    <table id="tab" border="1" width="100%">
    <tr>
    <td>　</td>
    <td>　</td>
    </tr>
    <tr>
    <td>　</td>
    <td>　</td>
    </tr>
    </table>
    <input type=button value="新增行" onclick="add()">
    </body></html>
      

  3.   

    <html>
    <head>
    <title>test</title>
    <script>
    function add(){
    var t = document.getElementById("tab");
    var row = t.insertRow(-1);
    var cell1 = row.insertCell(-1);
    var cell2 = row.insertCell(-1);
    cell1.innerHTML = "1";
    cell2.innerHTML = "2";
    }
    </script>
    </head>
    <body>
    <table id="tab" border="1" width="100%">
        <tr>
            <td>　</td>
            <td>　</td>
        </tr>
        <tr>
            <td>　</td>
            <td>　</td>
        </tr>
    </table>
    <input type="button" value="新增行" onclick="add()"/>
    </body></html>
      

  4.   

    function tabadd(tabId,rowId) {
        var btrobj = document.getElementById(rowId);
        if (btrobj.style.display == "none") {
        
          var cels = btrobj.cells;
         for (var i = 0; i<cels.length;i++ ) {
         cels[i].childNodes[0].style.display = "inline"
       cels[i].childNodes[0].require == "false" ? cels[i].childNodes[0].require ="true" :"";
       cels[i].childNodes[0].issave == "false" ? cels[i].childNodes[0].issave ="true" :"";
       cels[i].style.display = "inline";
         }
         btrobj.style.display = "inline";
         return;
        }
    var trobj = btrobj.cloneNode(true);

    var vrows = document.getElementById(tabId).rows;
    var inobj = document.getElementById(tabId).insertRow(vrows.length-1); var vcels = trobj.childNodes; for (var i =0; i <vcels.length;i++) {
    cel = inobj.insertCell(i);
    cel.innerHTML = vcels[i].outerHTML;
    cel.className = "tb02-tdlist";
    cel.height = "25px";
    cel.align = "center";
    }
    }
      

  5.   

    用这样的方法应该能满足你吧？
    var tbl = document.getElementById(你的表ID);
    var trs = tbl.getElementsByTagName("TR");
    var tds = trs[trs.length - 1].getElementsByTagName("TD");
    for(var i=0;i<tds.length;i++){
       tds.innerHTML = "";
    }
    把tds添加到trs，再把trs添加到tbl中即可....
      

  6.   

    var table = document.getElementById('tableID');
    var newRow = table.insertRow(-1);  //在最后插入新行
    newRow.innerHTML = '.....';
      

  7.   

    table.insertRow()
    这个本来就是在在最后一行插入新行呀。