`

【转】JavaScript在IE下设置innerHTML时出现"未知的运行时错误"

 
阅读更多

今天在项目开发中遇到的比较郁闷的问题,特此记录:

程序代码思路大致如下,想动态的改变tr标签的innerHTML内容,但是IE却报"未知的运行时错误",让我百思不得其解.

<script>

document.getElementById('trone').innerHTML = '<td>haha</td>';

</script>

<tr id=‘trone’></tr>

在网上一段查找获得以下解法:

在Ajax里经常会通过innerHTML来改变界面,这个比使用DOM要简单一些。
比如:
element.innerHTML = "<b>something</b>"
不过,在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>作为容器,再锲套一层表格。

分享到:
评论

相关推荐

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

    [removed] ”trone”&gt; &lt;/tr&gt; 在IE中,有时候会出现”未知的运行时错误(unknown runtime error)”,而在firefox里不会。 这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的...

    js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

    本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: ...

    解决ajax返回innerHTML中javascript不能运行问题

    解决ajax返回innerHTML中javascript不能运行问题

    innerHtml(转)

    博文链接:https://aideqianfang.iteye.com/blog/246585

    CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法

    原来出错的代码如下: 代码如下: &lt;p xss=removed&gt; ”txtContent” runat=”server” TextMode=”MultiLine” Height=”450″ Width=”98%”&gt;&lt;/asp&gt; &lt;/p&gt; 出错的原因应该是IE7、IE8中的P不支持innerHTML。CodeMirror...

    javascript innerHTML使用分析

    当在DIV中输入”a[任意个空格]a” HTML呈现在Chrome和IE下是一样的:只显示一个空格。 innerHTML属性 IE还是两个a加一个空格, Chrome则是原始输入的样子。 回车 当在DIV中输入”a[回车][任意个空格]a”时,HTML呈现...

    IE bug table元素的innerHTML

    首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示出来。无解。 上面的问题可以用诡异方法解决的话,那接下来就完全没有办法了。 由于涉及到了数据的...

    让innerHTML的脚本也可以运行起来

    发现IE下直接innerHTML的脚本无法执行. 尝试了几次发现,插入的HTML里,[removed]前面有其他对象,并且script 设置了 defer , 这样的脚本innerHTML被IE执行了. ,但是这招对于firefox不灵~~ 后来找了一些资料发现...

    javascript写的windows资源管理器

    解压运行scripting.html,在IE6.0中打开(不能单独打开view.html这是一个子页面,必须由父页面调用)即可。 本javascript程序是我自己利用业余时间做的,主要是编写javascript进一步对其进行控制。 因为时间的关系只...

    IE6-IE9中tbody的innerHTML不能赋值的解决方法

    IE6-IE9中tbody的innerHTML不能赋值,重现代码如下 Js代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8/&gt; &lt;title&gt;IE6-IE9中tbody的innerHTML不能复制bug&lt;/title&gt; &lt;/...

    解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)

    前言: 这是一个老bug了,现在提供一个完美... bug描述: 在ie下面使用innerHTML来插入option选项的话,ie会去掉前面的,并拆分成多个节点,这样会造成select的出错,不是没有插进去,而是节点在转换时出问题了,微软对

    innerHTML_outerHTML.rar_javascript

    显示innerHTML 和 outterHTML

    innerHTML的简单应用

    innerHTML的简单应用

    IE中关于使用innerHTML加入HTML代码的问题

    innerHTML属性在原生javascript中被用于在一个标签内部加入HTML代码,但是这个方法也不是在所有情况下适用, 就比如在IE下面。 看如下代码: 复制代码代码如下: ’22’&gt; &lt;/tbody&gt; 我们现在想通过innerHTML属性给...

    IE 下的只读 innerHTML

    今天做东西遇到一个问题,我试图动态为一个表格添加多行数据,先定义了一个table: 代码如下: &lt;table&gt; &lt;thead&gt; &lt;/thead&gt; ”filelist”&gt; &lt;/tbody&gt; &lt;/table&gt; 然后在JavaScript 中这样操作: 代码如下: for(var i in ...

    JavaScript 实例 精粹 整理

    包括:11种用javascript做的刷新按钮的方法、40种Javascript中常用的使用小技巧、Javascript的IE和Firefox兼容性汇编、JavaScript函数大全、JavaScript实际应用:innerHTMl和确认提示的使用、 CSS的常用技巧、IP地址...

    IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案

    最近发现各大类库都能利用xxx[removed]=HTML片断来生成节点元素,再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML,但是IE可恶的innerHTML把这优势变成劣势。

    [javascript]实例大全

    08.htm IE5。5的蓝链接,绿色下划线 09.htm innerHTML的运用:新建层 10.htm Javascript:测试打字速度 11.htm Javascript:测试点击速度 12.htm Javascript病毒入侵演示 ...... 共186个htm

Global site tag (gtag.js) - Google Analytics