innerHTML在IE中报错解决方案
更新时间：2014年12月15日 08:57:59 投稿：hebedich
这篇文章主要介绍了innerHTML在IE中报错解决方案,需要的朋友可以参考下
问题：开发过程中，用到循环往table里面插入tr标签，然后tr里又循环插入td，在其它浏览器都没问题，但是在IE9及以下版本中都报错：
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-operation
演示代码：
复制代码 代码如下:
<!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编写更好的条件语句的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2020-08-08
相信每位PHP程序员都知道，当PHP程序出现异常情况，如出现致命错误、超时或者不可知的逻辑错误导致程序中断，这个时候就可以用 register_shutdown_function进行异常处理。下面本文给出了详细的示例代码，有需要的朋友们下面来一起看看吧。2016-10-10
在实际开发中我们通常会使用Nginx来部署前端静态页面,以提供快速访问速度和良好的用户体验,这篇文章主要给大家介绍了关于使用Nginx部署前端项目的详细步骤,需要的朋友可以参考下2024-08-08
微信小程序五子棋游戏的棋盘，重置，对弈实现方法【附demo源码下载】
这篇文章主要介绍了微信小程序五子棋游戏,可实现五子棋的棋盘绘制,重置,对弈判定等功能实现,并附带demo源码供读者下载参考,需要的朋友可以参考下2019-02-02
UniApp使用manifest.json应用配置的超详细教学
这篇文章主要给大家介绍了关于uni-app应用配置manifest.json最全最详细配置,manifest.json文件是应用的配置文件,用于指定应用的名称、图标、权限等,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-01-01
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
这篇文章主要介绍了基于Taro的微信小程序模板消息-获取formId功能模块封装实践，小程序提供了一种能力-模板消息，基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验,需要的朋友可以参考下2019-07-07
最近在做移动端项目时，需要实现一个列表页面的每一项item向左滑动时出现相应的删除按钮，其实实现此功能很简单的。这篇文章主要介绍了基于js实现移动端向左滑动出现删除按钮,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了通过实例了解Javascript柯里化流程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
微信小程序数据统计,现在有很多的统计方法和统计工具,下面这篇文章主要给大家介绍了关于小程序统计来源信息的方案与具体代码,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了javascript判断firebug是否开启的方法,结合实例形式分析了javascript基于console控制台方法判断firebug开启状态的相关操作技巧,需要的朋友可以参考下2016-11-11
最新评论