插入HTML元素不成功来人解决下
从后台获得了一段HTML的代码
<tr></tr>
,然后再页面有有个按钮 点击按钮 就自动在table里自动加载一行数据,就是卡在这了。
我做的是 直接获得tabla的id 然后再innerhtml插入进去可是 表格原有的内容却给覆盖了。
然后我用 appendchild 插入元素 怎么都插不进去。求个解决思路啊
[解决办法]
IE下table元素的innerHTML属性是只读的,动态添加表格行得通过insertRow()、insertCell()方法实现,你的后台代码也需要相应修改一下。
[解决办法]
表格结构比较简单的话,用数组保存就可以了(添加多行时保存为二维数组即可):
<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>