如题:如何用js语句插入一个<tr>到table如<table>
   <tr id="t1"><td>111</td></tr>
   <tr id="t3"><td>333</td></tr>
  </table>现在我要将<tr id="t2"><td>222</td></tr> 插在t1与t3的中间,如何实现

解决方案 »

  1.   

    tr2.parentNode.insertBefore(tr3, tr2);
      

  2.   

    var table = 得到table对象
    var newTr = document.createElement("TR");
    newTr.id = "t2"
    table.tBodies[0].insertBefore(newTr, table.rows[1]);
    var newCell = document.createElement("TD");
    newTr.appendChild(newCell);
    newCell.innerHTML = 222;没测试
      

  3.   


    var tr = document.createElement("tr");
    tr.id = "t2";
    tr.innerHTML = "<td>222</td>";
    var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
      

  4.   

    插入新行到指定行数   var tt = document.getElementById("tt"); //获取table对象
      tt.insertRow(0); //插入新行到指定处,0表示在最上面插入
      tt.rows(0).insertCell(0); // 在新行创建单元格,0表示创建第一个单元格
      tt.rows(0).cells(0).innerText = "000"; // 设置单元格内容
      

  5.   

     var table = document.getElementById("table1");
         NewRow = table.insertRow();
         NewRow.setAttribute("id","t4");
         NewCell1 = NewRow.insertCell();
         NewCell1.innerHTML = "444";
      

  6.   


    var tr = document.createElement("tr");
    tr.id = "t2";
    tr.innerHTML = "<td>222</td>";
    var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
      

  7.   

    可以参考一下这个代码,原理是一样的
    http://www.sharejs.com/commdetails-683.aspx
      

  8.   

    $(o).append('<tr>aaa</tr>');
      

  9.   

    var tr = document.createElement("tr");
    tr.id = "t2";
    tr.innerHTML = "<td>222</td>";
    var t1 = document.getElementById("t3");t1.parentNode.insertBefore(tr,t1);
      

  10.   

     借用10楼代码, //tid:页面中新增tr对应的table的id、index:插入第几行(默认从0行插入)
     function insertRowByIndex(tid,index)
     {  
        var table=document.getElementById(tid);  //获取table对象
        var rcount=table.rows.length; //获取当前table下行数
        if(rcount!=undefined&&index>=0&&index<=rcount)
        {  
           var newrow=table.insertRow(index);
           newrow.insertCell(0).innerHTML="...";  //第一列,依次类推  
        } 
     }
      

  11.   

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
            <title>test</title>
    </head>
    <body>
    <table>
    <tr id="t1"><td>111</td></tr>
    <tr id="t3"><td>333</td></tr>
    </table>
    <script>
    var tab = document.getElementsByTagName('table')[0],
    tr = tab.insertRow(1);
    tr.id = "t2";
    var td = tr.insertCell(-1);
    td.innerHTML = "222";
    </script>
    </body>
    <html>