IE6-IE9不支持table.innerHTML的解决方法

2019-07-151531次阅读javascript

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了。

上一篇: flex属性实战解读  下一篇: 五个JavaScript小技巧  

IE6-IE9不支持table.innerHTML的解决方法相关文章