innerHTML在IE中报错解决方案


Posted in Javascript onDecember 15, 2014

问题:开发过程中,用到循环往table里面插入tr标签,然后tr里又循环插入td,在其它浏览器都没问题,但是在IE9及以下版本中都报错:

innerHTML在IE中报错解决方案

google上得到答案:由于我之前不知道错误的原因,在百度找不到解决方法,后来用谷歌搜到了,外国有人也遇到过这个问题,并指出了问题的所在:http://www.aachin.info/techen/error-on-ie-9-script600-invalid-target-element-for-this-operation/?amp;utm_source=rss&utm_medium=rss&utm_campaign=error-on-ie-9-script600-invalid-target-element-for-this-operationinnerHTML在IE中报错解决方案演示代码:

<!DOCTYPE html>

<html lang="zh-cn">

    <head>

        <meta http-equiv="content-type" content="text/html;charset=utf-8" />

        <title>默认标题</title>

    </head>

    <body>

        <table id="mytable" border="1" cellpadding="1" cellspacing="0">

            <tr>

                <td>222</td>

            </tr>

        </table>

        <script type="text/javascript">

            var mytable = document.getElementById('mytable');

            var tr = mytable.getElementsByTagName('tr')[0];

            var td = mytable.getElementsByTagName('td')[0];

            

            //读取innerHTML(IE任何版本都不报错,IE6未测)

            alert(mytable.innerHTML);

            alert(tr.innerHTML);

            alert(td.innerHTML);

            

            //写入innerHTML

            // mytable.innerHTML = '<tr><td>11111</td></tr>'; //IE9及以下报错

            // tr.innerHTML = '<td>11111</td>';    //IE9及以下报错

            // td.innerHTML = '11111';            //所有版本不报错(IE6未测)

            

            //解决方法,使用DOM的原始操作方法或者表格操作方法

            // var btnRow = mytable.insertRow();

            // var cell = btnRow.insertCell(btnRow.getElementsByTagName('td').length);

            // cell.innerHTML = "some html text";

        </script>

    </body>

</html>

得出结论:IE9及以下版本的table以及tr的innerHTML属性都是只读的,你可以用它读取table或者tr中的值,但不能写入,写入就报错,另外在IE9及以下版本中td的innerHTML可读可写。解决方法:使用原始的DOM操作方法或者表格操作方法见演示代码。

Javascript 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
JS实现1000以内被3或5整除的数字之和
Feb 18 Javascript
angular.js分页代码的实例
Jul 27 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 #Javascript
node.js中的fs.fsyncSync方法使用说明
Dec 15 #Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 #Javascript
node.js中的fs.write方法使用说明
Dec 15 #Javascript
node.js中的http.createClient方法使用说明
Dec 15 #Javascript
node.js中的http.get方法使用说明
Dec 14 #Javascript
node.js中的http.createServer方法使用说明
Dec 14 #Javascript
You might like
同一空间绑定多个域名而实现访问不同页面的PHP代码
2006/12/06 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
教你php如何实现验证码
2016/01/20 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
2015/03/13 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
字太多用...代替的方法(两种)
2017/03/15 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
Python简单连接MongoDB数据库的方法
2016/03/15 Python
tensorflow 实现数据类型转换
2020/02/17 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
医学院四年学习生活的自我评价
2013/11/06 职场文书
文员岗位职责范本
2014/03/08 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
初中政教处工作总结
2015/08/12 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
php双向队列实例讲解
2021/11/17 PHP
Java实现注册登录跳转
2022/06/16 Java/Android