IE6-IE9中innerHTML属性对col、colgroup、frameset、html、head、style、table、tbody、tfoot、thead、title和tr对象是只读的。
所以执行下方代码在IE9及以下中会报错,内容插不进去:
<table id="tableWrap"></table>
<script>
var table = document.getElementById("tableWrap");
table.innerHTML="<tr><td>innerHTML</td></tr>";
</script>
变通的方法就是连table标签一起插入:
<div id="tableWrap"></div>
<script>
var div = document.getElementById("tableWrap");
div.innerHTML="<table><tr><td>innerHTML</td></tr></table>";
</script>
IE10+中table已经支持innerHTML了。