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

之前碰到一个处理列表，为了效率起见决定对table赋值innerHTML,但是发现在IE下无效，想起来很久之前就碰到这个问题，印象中加个tbody就可以了，没想到加了tbody还是无效，赋值的时候都会报脚本错误，难道我记错了， 没办法，用了另外的办法, 详细如下：

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中，所以不会影响页面的渲染，速度还是很快

 其它只读的innerHTML还有COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR, SELECT 元素

转载于:https://www.cnblogs.com/fuyun2000/archive/2012/03/31/2427816.html