麻烦大家帮忙看下为什么ie下不兼容

Question

其他浏览器试过都没问题
ie6~9全部不能添加<table cellpadding="0" cellspacing="0" class="form" id="table"></table><input class="button" type="button" value="增加" onclick="addTr('table')" ><script type="text/javascript">
function addTr(element_id) {
var element_id = document.getElementById(element_id);
var tr = document.createElement("tr");
tr.innerHTML = "这里是一大票单元格";
element_id.appendChild(tr);
}
</script>

Answer 1

<table cellpadding="0" cellspacing="0" class="form" >
<tbody id="table"></tbody>
</table><input class="button" type="button" value="增加" onclick="addTr('table')" ><script type="text/javascript">
function addTr(element_id) {
    var element_id = document.getElementById(element_id);
    var tr = document.createElement("tr");
    var td=document.createElement("td");
    td.innerHTML = "这里是一大票单元格";
    tr.appendChild(td);
    element_id.appendChild(tr);
}
</script>

Answer 2

前面太急没说明白
补全代码
<table cellpadding="0" cellspacing="0" class="form" id="table">
    <tr>
        <td><input type="text"></td>
        <td><input type="text"></td>
    </tr>
</table><input class="button" type="button" value="增加" onclick="addTr('table')" ><script type="text/javascript">
function addTr(element_id) {
    var element_id = document.getElementById(element_id);
    var tr = document.createElement("tr");
    tr.innerHTML = "<td><input type="text"></td><td><input type="text"></td>";
    element_id.appendChild(tr);
}
</script>用2楼的方法能看到按钮和表格下方多出一些空白
但并没有出现插入的代码
因为要插入20多个都用createElement要写一堆
如果直接用innerHTML又没办法插到element_id的最后
3楼大哥能讲一下什么意思吗？
没太明白

Answer 3

innerHTML:
The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

Answer 4

也就是说在IE下面的tr.innerHTML你只能读，不能往里写。如果为了兼容，你不要不先创建td，再往innerHTML里写。由于你说你的内容很多，你可以跟据你程序的独特性再组织语句，不一定很麻烦。