<html>
<head>
     <title>使用innerHTML创建HTML表格</title>
    </head>
    
    <body>
<script language="javascript">
function insert_row()
{
document.getElementById("tb2").innerHTML="<tr><td>单元格</td></tr>";
}
</script>
     <input type="button" value="插入" onclick="insert_row();" />
        <table id="tbl" border="1">
         <tbody id="tb2">
            </tbody>
        </table>
    </body>
</html>代码如上,简单的不能再简单了不说还是从书上抄来的,出错位置是第十行~~~

解决方案 »

  1.   

    呵呵,楼主啊,TBody的innerHTML属性是ReadOnly的哦,不能对其进行写操作。这样做是行不通的。
      

  2.   

    楼主可以通过下面的代码实现你的功能:<html> 
    <head> 
        <title>使用innerHTML创建HTML表格 </title> 
        </head> 
        
        <body> 
    <script language="javascript"> 
    function insert_row(){
    var tbody = document.getElementById("tb2");
    var newRow = tbody.insertRow(0);
    var newCell = newRow.insertCell(0);
    newCell.innerText = "单元格";

    </script> 
         <input type="button" value="插入" onclick="insert_row();" /> 
            <table id="tbl" border="1"> 
             <tbody id="tb2"></tbody> 
            </table> 
        </body> 
    </html>