日期:2014-05-18  浏览次数:20369 次

奇怪的innerHTML问题
我在body里添加如下代码

<input   type= "button "   value= "插入 "   onclick= "insert_row() "/>

        <table   id= "tb1 "   border= "1 ">
                <tbody   id= "tb2 ">
                </tbody>
        </table>

然后在脚本里定义函数:
<script   language= "javascript "   type= "text/javascript ">
        function   insert_row()
        {
                var   tablebody=document.getElementById( "tb2 ")
                tablebody.innerHTML+= " <tr> <td> 单元格 </td> </tr> ";
        }
</script>

测试时在firefox里可以正常添加单元格,但在IE7里不行,在VS2005自带的浏览器里也不行,请问这是为什么?

------解决方案--------------------
table的对象不要使用innerHTML生成,请使用
inserRow,inserCell,createElement,appendChild等方法
------解决方案--------------------
inserRow,inserCell