插入HTML元素不成功来人解决下

Question

从后台获得了一段HTML的代码
<tr></tr>
，然后再页面有有个按钮 点击按钮 就自动在table里自动加载一行数据，就是卡在这了。
我做的是 直接获得tabla的id 然后再innerhtml插入进去可是 表格原有的内容却给覆盖了。
然后我用 appendchild 插入元素 怎么都插不进去。求个解决思路啊

Answer 1

IE下table元素的innerHTML属性是只读的，动态添加表格行得通过insertRow()、insertCell()方法实现，你的后台代码也需要相应修改一下。

Answer 2

就是 后台不能直接输出html代码  把后台的数据转换成json格式然后 在前台用for 控制格式输出吗？

Answer 3

可以的。反正用 insertRow()、insertCell()方法插入行/列就对了。

Answer 4

表格结构比较简单的话，用数组保存就可以了（添加多行时保存为二维数组即可）：
<table id="demo">
<tr>
     <td>111</td>
        <td>AAA</td>
    </tr>
</table>
<script type="text/javascript">
var ar = [['222', 'BBB'], ['333', 'CCC']];
var oTable = document.getElementById('demo');
for (var i = 0; i < ar.length; i ++) {
var tr = oTable.insertRow(-1);
for (var j = 0; j < ar[i].length; j ++) {
var td = tr.insertCell(j);
td.innerHTML = ar[i][j];
}
}
</script>