【各位专家们，还有一个初级问题要大家帮忙，用dom动态添加表行】

.......以上代码不要修改。你把table的html代码修改下。看看效果
<table>
        <tbody id="ttt">        </tbody>
    </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 runat="server">
        <title>无标题页</title>
        <script type="text/javascript">
        function funadd()
        {
            var Table = document.getElementById("table1"); 
            var trAdd = document.createElement("tr"); 
            var Td1 = document.createElement("td"); 
            var Td2 = document.createElement("td"); 
            Td1.appendChild(document.createTextNode('abc')); 
            Td2.appendChild(document.createTextNode('efg')); 
            trAdd.appendChild(Td1); 
            trAdd.appendChild(Td2); 
            Table.appendChild(trAdd); 
        }
        </script>
    </head>
    <body>
        <input id="btnAddB" onclick="funadd();" type="button" value="but22ton1" />
        <table>
            <tbody id="table1">
            </tbody>
        </table>
    </body>
    </html>
      

  2.   

    table与tr之间还有个tbody（或thead/tfoot）
    往tbody里加tr就不会有差别了。
      

  3.   

    给一段代码你看看吧：
            var obj = document.getElementById("table1");
    var tr = obj.insertRow(1);
    tr.id = "row"+count;
    var td1 = tr.insertCell(0);
    var td2 = tr.insertCell(1);
    var td3 = tr.insertCell(2);
    var td4 = tr.insertCell(3);
    var td5 = tr.insertCell(4);
    var td6 = tr.insertCell(5);
    td1.innerHTML = 'td1';
    td2.innerHTML = 'td2';
    td3.innerHTML = 'td3';
    td4.innerHTML = 'td4';
    td5.innerHTML = 'td5';
    td6.innerHTML = 'td6';