各位大大,我现在需要用javascript给一t个table添加几行,目前table如下:
<table id="tb_PL">
 <tr><td>aa</td><td>bb</td></tr>
</table>我现在要在第一行出插入行,即结果为
<table id="tb_PL">
  <tr><td>1</td><td>111111</td></tr>
 <tr><td>aa</td><td>bb</td></tr>
</table>请问,该怎么搞?谢谢,祝各位同仁国庆快乐,捡到横财。

解决方案 »

  1.   

    我本来想先用一个变量来保持table的innerHTML,然后在给那个变量添加一行值后,再赋值给table的innerhtml的,可是那个table里面的innerHTML有很多字符串,觉得不太妥当,有没有类似的insert ,Add行的方法?
      

  2.   

    当然你也可以封装点有关table操作的function,下次你用的时候不就可以使用table的insert,add了!
      

  3.   

    jquery:$("#tbTest").prepend("<tr><td>1</td><td>22323</td></tr>");
      

  4.   

    add(变量) 变量为保存的tr 行
    试一下···
      

  5.   

    <table id="tb_PL">
      <tr><td>1</td><td>111111</td></tr>
     <tr><td>aa</td><td>bb</td></tr>
    </table>
    <script type="text/javascript">
        var tb = document.getElementById("tb_PL");
        var row = tb.insertRow(0);
        var one = row.insertCell(0);
        one.innerHTML="one";
        var two = row.insertCell(1);
        two.innerHTML="two";
    </script>
      

  6.   

    用jquery做吧 很简单
    首先在你的页面中引用
     <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    (引用jquery包 按实际情况而定)
    //用下面的方法就可以添加新的记录行了
    function addNew() 

    var table1 = $('#tb_PL'); 
    var row = $("<tr></tr>"); 
    var td = $("<td></td>"); 
    td.append($("输入你要的文本") ); 
      

  7.   

    <script type="text/javascript" language="javascript">
        function AddTr() {
            debugger;
            
            $("#tb_PL").first().append("<tr><td>1</td><td>111111</td></tr>");
            alert($("#tb_PL").html());
        }
    </script>
      

  8.   

    <script type="text/ecmascript">
            function addTr()
            {             
                 
                 var firstTr = document.getElementById("tb_PL").insertRow();
                 
                 var td1 = firstTr.insertCell();
                 
                 var td2 = firstTr.insertCell();
                 
                 td1.innerHTML = "111111";
                 
                 td2.innerHTML = "1";                         
            }
        </script>