关于给表格加一行

比如我有如下这么个表格
<table>
<tr><td>A1</td><td>A2</td></tr>
</table>现在js有这么一个字符串，如下：
var s = "<tr><td>B1</td><td>B2</td></tr>"问题
如何吧字符串s加到这个表格中，使网页中看到的效果如下：
<table>
<tr><td>A1</td><td>A2</td></tr>
<tr><td>B1</td><td>B2</td></tr>
</table>

解决方案 »

  1.   

    <!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>aaaa</title>
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <table id="tbl">
    <tr><td>A1</td><td>A2</td></tr>
    </table>
    <input type="button" onclick="cc()">
    <script>
    function cc(){
    alert('s')
    var a=document.getElementById("tbl")
    var b=a.insertRow(1)
    var c=b.insertCell()
    c.innerHTML="<tr><td>B1</td><td>B2</td></tr>"
    }
    </script>
    </body>
    </html>
      

  2.   

    看见了，你这个要变通下
    <!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>aaaa</title>
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <table id="tbl">
    <tr><td>A1</td><td>A2</td></tr>
    </table>
    <input type="button" onclick="cc()">
    <script>
    function cc(){
    var a=document.getElementById("tbl")
    var d=a.insertRow(1)
    var e=d.insertCell()
    e.innerHTML=a.childNodes[0].innerHTML.toString().replace(/\s/g,"")
    var b=a.insertRow(2)
    var c=b.insertCell()
    c.innerHTML="<tr><td>B1</td><td>B2</td></tr>"
    a.deleteRow(0)
    a.children[0].appendChild(d);
    a.children[0].appendChild(b);
    }
    </script>
    </body>
    </html>
      

  3.   

    function AddRow()
        {
            var table = document.getElementById("tbl");
            var newRow = table.insertRow(1);
            var newCell1 = newRow.insertCell();
            var newCell2 = newRow.insertCell();
            newCell1.innerHTML = "B1";
            newCell2.innerHTML = "B2";
        }
      

  4.   

    firefox下只要下面的代码就可以了,但在ie下只能改变td的innerhtml所以没有特别好的办法实现,都很笨拙.建议你还是用var tr=tbody.insertrow();var td=document.createElement('td');
    td.innerHTML="b1';   tr.appendChild(td) 这样的方法来实现,通用性有保证.insertcell最好别用以为firefox不支持
    function cc(){
    var oTbody=document.getElementById("tbl").getElementsByTagName("tbody")[0];
    oTbody.innerHTML+="<tr><td>B1</td><td>B2</td></tr>"}
      

  5.   

    你很幸运，我刚刚做了一个类似的tablefunction insert(){
        var s={B1,B2};
        var otable=document.getElementsByTagName("table");
        var otablebody=document.createElement("tbody");
        for(var i=0;i<=1;i++){
             var orow=document.createElement("tr");
             var ocell=document.createElement("td");
             var text=document.createTextNode(s[i]);
             ocell.appendChild(text);
             orow.appendChild(ocell);
        }
        otablebody.appendChild(orow);
        otable.appendChild(otablebody);
    }照着你的需求改的,没有测试过,你试试