日期:2014-05-16  浏览次数:20684 次

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进行写操作。