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直接改。
您可能感兴趣的文章:
- 表单JS弹出填写提示效果代码
- 实用的JS表单验证提示效果
- javascript写的一个表单动态输入提示的代码
- js+css实现增加表单可用性之提示文字
- js下在password表单内显示提示信息的解决办法
- js实现表单检测及表单提示的方法
- JavaScript DOM学习第八章 表单错误提示
- javascript中IE浏览器不支持NEW DATE()带参数的解决方法
- IE8的JavaScript点击事件(onclick)不兼容的解决方法
- 让ie运行js时提示允许阻止内容运行的解决方法
- JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
- IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法