Javascript在IE下设置innerHTML时出现"未知的运行时错误"

程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误"

 

<script>     

  document.getElementById("trone").innerHTML = "<td>haha</td>";     

</script>     

<tr id="trone">     

</tr>  

在IE中,有时候会出现"未知的运行时错误(unknown runtime error)",而在firefox里不会。 

 

这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求,比如如果你是在一个p里加入包含<li>的html代码,这是会出错的。所以如果你发现这些错误出现,尝试做两件事情: 

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

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

 

所以,如果是

<td id="trone"></td>使用document.getElementById("trone").innerHTML="new";就没问题。

解决方法你可以用javascript动态创建<tr><td>等标签,而不是用innerHTML直接改。

你可能感兴趣的:(JavaScript)