javascript innerHTML出现未知运行时错误

时间:2022-11-17 13:12:23

通过innerHTML来添加界面元素。
举例。
.html
<table id="tab_1" width="100%" border="0"></table>

.js
document.getElementById("tab_1").innerHTML="<tr><td colspan="5"><div class="Double"><span>some:</span></div></td></tr>";
在IE中,有时候会出现"未知的运行时错误(unknown runtime error)",
而在firefox里不会。

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

1、检查你尝试加到innerHTML的html代码是否包含破损的html标签,如没有<ul></ul>包围的<li></li>.
2、把你的容器改成那些比较“包容”的标签,如<span></span>,<div></div>

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

 

------------------------------------

原因有两个
1.元素的innerHTML属性是只读。。
只读元素:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR

2.HTML错误的嵌套例如在p里嵌套div那修改div的innerHTML属性也会出现错误