首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-09-02 
插入HTML元素不成功来人解决下从后台获得了一段HTML的代码tr/tr,然后再页面有有个按钮 点击按钮 就自

插入HTML元素不成功来人解决下
从后台获得了一段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> 

热点排行