IE下table的innerHTML无效的处理方法

原创 emily2013 随笔 js 195阅读 2017-05-11 16:58:59 举报

var docTable = document.getElementById('table1');//找到要使用innerHTML的table
var trHtml = '<tr><td>标题1</td><td>标题1</td></tr>';//当然如果本来就只有几行数据就没必要用innerHTML了,这里只是为了演示
var newDiv = document.createElement('div');
newDiv.innerHTML = '<table></tbody>'+trHTML+'</tbody></table>'//既然不能给table使用innerHTML,我给新创建的div的innerHTML赋值还不行吗?
var newTbody = newDiv.childNodes[0].tBodies[0];
var oldTbody = docTable.tBodies[0];
docTable.replaceChild(newTbody, oldTbody);//用替换子节点的方式来赋值,这样也只要操作一次,虽然多了一个创建div的步骤,但是因为我们没有将其添加到body中,所以不会影响页面的渲染,速度还是很快

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复