当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
使用FusionCharts在IE下显示图形出现未知错误,但是在其他浏览器下就正常显示。查看下代码 n.innerH
原文: 浅谈 IE下innerHTML导致的问题 先来看个demo吧: <!DOCTYPE html> <html> <hea
ie下查看js错误! 在FireFox下有足够强的FireBug查找JS错误,但有时候确实需要在IE下调试JS,确定JS
原文地址:http://www.oschina.net/question/171410_26563 做的企业站 顶部是flash的滚动图片。 右
像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解
问题如图: 并且手工编辑好AssemblyInfo.cs也不行,进入程序集信息窗体时,仍然是一片空白。 尝试:
我的电脑XPSP3, 因为thinkpad的驱动需要.net环境,所以装了.net framwork3.5 运行时出现如下错误 Feti
SharePoint开发听起来很美,但要做好,其实不易。这是我们都有体会的。我敢打赌没有多少人是真的喜
单个未知大小图片在div里面垂直居中的方法。。。添加辅助元素挤一下位置达到居中 <div class="Se
转自:http://www.blogjava.net/lusm/archive/2007/03/27/106737.html 项目中报的这样错误(后来发
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号