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 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
Javascript 代码也可以变得优美的实现方法
Jun 22 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
Apr 07 Javascript
jQuery实现可收缩展开的级联菜单实例代码
Nov 27 Javascript
JQuery结合CSS操作打印样式的方法
Dec 24 Javascript
jquery的父子兄弟节点查找示例代码
Mar 03 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
vue页面更新patch的实现示例
Mar 25 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开启gzip页面压缩实例代码
2010/03/11 PHP
php缓存技术详细总结
2013/08/07 PHP
PHP判断是否为空的几个函数对比
2015/04/21 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
解决js下referer兼容各大浏览器的方法
2014/11/03 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
浅谈Node.js ORM框架Sequlize之表间关系
2017/07/24 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
2017/10/19 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python查询IP地址归属完整代码
2017/06/21 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
python opencv检测目标颜色的实例讲解
2018/04/02 Python
用Python配平化学方程式的方法
2019/07/20 Python
python3字符串操作总结
2019/07/24 Python
如何基于python实现脚本加密
2019/12/28 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Python代码需要缩进吗
2020/07/01 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
商务考察邀请函范文
2014/01/21 职场文书
道德之星事迹材料
2014/05/03 职场文书
就业意向协议书
2015/01/29 职场文书
公司奖励通知
2015/04/21 职场文书
房屋质量投诉书
2015/07/02 职场文书
七年级作文之下雨天
2019/12/23 职场文书