当前位置:首页 > 开发 > Web前端 > HTML > 正文

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

发表于: 2014-04-09   作者:dove19900520   来源:转载   浏览:
摘要: 和很多朋友说的一样,在Firefox下可以正常使用,但在IE下就会有未知运行时错误 例如:我的代码如下: 原代码:   <div class="con4"> <div class="conbg"> <table style="background-color:#fff;">

和很多朋友说的一样,在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属性也会出现错误,这个也是需要注意的。

 

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

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

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号