Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法

更新时间：2011年01月12日 17:00:54 作者：

程序代码思路大致如下,想动态的改变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直接改。

您可能感兴趣的文章:

JS延时提示框实现方法详解
这篇文章主要介绍了JS延时提示框实现方法,以实例形式较为详细的分析了JavaScript实现延时提示功能的原理与具体实现步骤,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
javascript判断并获取注册表中可信任站点的方法
这篇文章主要介绍了javascript判断并获取注册表中可信任站点的方法,可实现针对域名和IP的可信任站点判断功能,需要的朋友可以参考下
2015-06-06
下一代Bootstrap的5个特点超酷炫！
下一代Bootstrap的5个特点，超酷炫，你还犹豫什么，赶紧来学习吧
2016-06-06
微信小程序与h5的相互跳转场景分析
这篇文章主要介绍了微信小程序与h5的相互跳转场景分析,在微信小程序内编写webview文件,通过webview去跳转h5,loadUrl为h5的地址,非嵌套,h5需要跳转打开某个微信小程序,需要的朋友可以参考下
2023-10-10
JavaScript数组基于交换的排序示例【冒泡排序】
这篇文章主要介绍了JavaScript数组基于交换的排序,结合实例形式分析了JavaScript排序算法中的冒泡排序简单实现技巧,需要的朋友可以参考下
2018-07-07
js 解析 JSON 数据简单示例
这篇文章主要介绍了js 解析 JSON 数据的方法,结合简单实例形式分析了js 解析 JSON 格式数据的相关操作技巧与注意事项,需要的朋友可以参考下
2020-04-04
Bootstrap源码学习笔记之bootstrap进度条
本文通过源码给大家解析bootstrap进度条样式，分为条纹进度条，动态条纹进度条，层叠进度条和带Label的进度条，下面通过代码给大家简单介绍下，感兴趣的朋友一起看看吧
2016-12-12
滚动条响应鼠标滑轮事件实现上下滚动的js代码
javascript实现滚动条响应鼠标滑轮的实现上下滚动，示例代码如下
2014-06-06
JS实现点击链接取消跳转效果的方法
有时候我们仅仅希望将链接<a>作为一个按钮使用，但是在默认状态下，点击链接会出现跳转效果，下面就通过代码实例，介绍一下如何实现此效果
2014-01-01
微信小程序 slot踩坑的解决
这篇文章主要介绍了微信小程序 slot踩坑的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04