和很多朋友说的一样,在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进行写操作。