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


Posted in Javascript onJanuary 12, 2011
<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 相关文章推荐
JS实现div居中示例
Apr 17 Javascript
JS中生成随机数的用法及相关函数
Jan 09 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
JavaScript伪数组用法实例分析
Dec 22 Javascript
Vue 自定义动态组件实例详解
Mar 28 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
基于JQuery实现相同内容合并单元格的代码
Jan 12 #Javascript
jquery EasyUI的formatter格式化函数代码
Jan 12 #Javascript
Script的加载方法小结
Jan 12 #Javascript
javascrip客户端验证文件大小及文件类型并重置上传
Jan 12 #Javascript
javascript smipleChart 简单图标类
Jan 12 #Javascript
javascript Window及document对象详细整理
Jan 12 #Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 #Javascript
You might like
德生9700DX电路分析
2021/03/02 无线电
PHP判断上传文件类型的解决办法
2015/10/20 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
js转义字符介绍
2013/11/05 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
python中__call__方法示例分析
2014/10/11 Python
Python实现简易端口扫描器代码实例
2017/03/15 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
python测试mysql写入性能完整实例
2018/01/18 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
python selenium实现发送带附件的邮件代码实例
2019/12/10 Python
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
什么是方法的重载
2013/06/24 面试题
指导教师评语
2014/04/26 职场文书
初中班级口号
2014/06/09 职场文书
运动会演讲稿300字
2014/08/25 职场文书
规范化管理年活动总结
2014/08/29 职场文书
网吧员工管理制度
2015/08/05 职场文书
优秀党员先进事迹材料2016
2016/02/29 职场文书
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android