插入HTML元素不成功来人解决上
日期：2014-05-16 浏览次数：20344 次
插入HTML元素不成功来人解决下
从后台获得了一段HTML的代码
<tr></tr>
，然后再页面有有个按钮 点击按钮 就自动在table里自动加载一行数据，就是卡在这了。
我做的是 直接获得tabla的id 然后再innerhtml插入进去可是 表格原有的内容却给覆盖了。
然后我用 appendchild 插入元素 怎么都插不进去。求个解决思路啊
------解决方案--------------------
IE下table元素的innerHTML属性是只读的，动态添加表格行得通过insertRow()、insertCell()方法实现，你的后台代码也需要相应修改一下。
------解决方案--------------------
表格结构比较简单的话，用数组保存就可以了（添加多行时保存为二维数组即可）：
从后台获得了一段HTML的代码
<tr></tr>
，然后再页面有有个按钮 点击按钮 就自动在table里自动加载一行数据，就是卡在这了。
我做的是 直接获得tabla的id 然后再innerhtml插入进去可是 表格原有的内容却给覆盖了。
然后我用 appendchild 插入元素 怎么都插不进去。求个解决思路啊
------解决方案--------------------
IE下table元素的innerHTML属性是只读的，动态添加表格行得通过insertRow()、insertCell()方法实现，你的后台代码也需要相应修改一下。
------解决方案--------------------
表格结构比较简单的话，用数组保存就可以了（添加多行时保存为二维数组即可）：
- HTML code
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
