IE下给DIV设置innerHTML时报未知的错误

和很多朋友说的一样,在Firefox下可以正常使用,但在IE下就会有未知运行时错误

例如：我的代码如下：

原代码：

 

<div class="con4">
	<div class="conbg">
		<table style="background-color:#fff;">
                         <tbody id="__list">
                                <tr>
                                      <th width="25%">地区</th>
                                      <th width="25%">姓名</th>
                                      <th width="25%">奖项</th>
                                      <th width="24%">联系电话</th>
                                 </tr>
                         </tbody>
                 </table>	 
	</div>
</div>

 然后JS操作：

document.getElementById("__list").innerHTML = 'html内容';

 

结果，在IE下，报出现未知错误，然后调试了半天，又从网上查找，最后尝试了下，调整代码如下：

 

<div class="con4">
	<div class="conbg" id="__list">
			 
	</div>
</div>

 然后再进行JS操作：

document.getElementById("__list").innerHTML = 'html内容';

最后结果就正确了。

 

那么我便借助网上的各种资源，对此做一下解释或说明，以备日后使用。

 

这个错误主要是因为，IE在对innerHTML进行写操作的时候会检查infoDIV是否具备做为这些内容中html对象容器的要求，所以当你发现这些错误出现，尝试做两件事情： 

1、检查你尝试加到innerHTML的html代码是否包含破损的html标签（某些标签或许缺少关闭标签）.  
2、把你的容器改成那些比较“包容”的标签，如<span></span>,<div></div> 

特别注意的是<tbody>,<table>,<tr>标签里面加正确格式的<td>标签都有可能出错，所以应该避免使用这些标签作为容器。
必要时可以用<td>作为容器，再锲套一层表格

注：
1.元素的innerHTML属性是只读。
只读元素:col, colgroup, frameset, head, html, style, table, tbody, tfoot, thead, title, tr

所以，这些标签不能用innerHTML进行写操作。

2.HTML错误的嵌套例如在p里嵌套div那修改div的innerHTML属性也会出现错误，这个也是需要注意的。

 

暂时整理这些，如有更多发现，将继续补充。