在table中用JAVSACRIPT动态创建表格行？？

<script>
    function createRow()
    {
        var table = document.getElementById('table1');
        
        var row = table.insertRow();
        
        for (var i = 0, l = 12; i < l; i++)
        {
            var cell = row.insertCell();
            cell.innerHTML = i + 1;
        }
    }
    
    </script>    <input value="点我阿！" onclick="createRow()" type="button" />
    <div id="div1">
        <table id="table1">
        </table>
    </div>

解决方案 »

  1.   

    这两天类似问题很多，L@_@K <body>
      <input type="button" id="btnAddRow" value="Add Row" />
      <table id="add_cell" border="1">
        <tr>
            <td>C01</td>
            <td>C02</td>
            <td>C03</td>
            <td>C04</td>
            <td>C05</td>
            <td>C06</td>
            <td>C07</td>
            <td>C08</td>
            <td>C09</td>
            <td>C10</td>
            <td>C11</td>
            <td>C12</td>
        </tr>
      </table>
     </body>
     <script type="text/javascript">
     <!--
    var oTable = document.getElementById("add_cell");
    var oAddRow = document.getElementById("btnAddRow");oAddRow.onclick = function() {
        var oCopyRow = oTable.rows[oTable.rows.length-1].cloneNode(true);
        var oNewRow = oTable.firstChild.appendChild(oCopyRow);
        for (var i=0; i<oNewRow.cells.length; i++)
        {
            oNewRow.cells[i].innerText += oTable.rows.length-1;
        }
    };
     //-->
     </script>