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 相关文章推荐
如何判断图片地址是否失效
Feb 02 Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
javascript和jquery修改a标签的href属性
Dec 16 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
JS+Canvas绘制时钟效果
Aug 20 Javascript
利用Node.JS实现邮件发送功能
Oct 21 Javascript
Vue生命周期示例详解
Apr 12 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
js 图片转base64的方式(两种)
Apr 24 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
关于layui表单中按钮自动提交的解决方法
Sep 09 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/10/09 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
PHP使用标准库spl实现的观察者模式示例
2018/08/04 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
2016/08/11 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
运动会跳远广播稿
2014/02/04 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
2014年加油站工作总结
2014/12/04 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
2015年招聘工作总结
2014/12/12 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
2016年春季运动会加油稿
2015/07/22 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
mysql 乱码 字符集latin1转UTF8
2022/04/19 MySQL
使用python绘制横竖条形图
2022/04/21 Python