`
luolonghao
  • 浏览: 118091 次
  • 性别: Icon_minigender_1
  • 来自: Shanghai
社区版块
存档分类
最新评论

IE的innerHTML

阅读更多
在IE下,通过innerHTML创建DOM,有一些和其它浏览器不同的地方,不是任何HTML都正确解析,有些情况下还报JS错误。

1. 以下代码会无效或报JS错误。
document.body.innerHTML = '<p><hr></p>';


3. 以下代码不会创建script部分的DOM。
document.body.innerHTML = '<script><\/script>';


解决方法:
HTML前面添加临时代码,DOM创建成功后再删除。
document.body.innerHTML = '<img id="__temp_tag__" width="0" height="0" />' + 'HTML代码';
var temp = document.getElementById('__temp_tag__');
temp.parentNode.removeChild(temp);

分享到:
评论

相关推荐

    IE innerHTML,outerHTML所引起的问题

    我们在用javascript创建一个遮盖层(div)后,如果点击关闭用到了

    IE bug table元素的innerHTML

    首先时飘忽不定的collapse的border,ie6偏偏...排查了半天,结果是IE的table元素为只读,不能使用innerHTML!!!! 同样为只读的元素还有COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, T

    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;/...

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

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

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

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

    innerHTML在IE中报错解决方案

    主要介绍了innerHTML在IE中报错解决方案,需要的朋友可以参考下

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

    这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求,比如如果你是在一个p里加入包含的html代码,这是会出错的。所以如果你发现这些错误出现,尝试做两件事情: 1、...

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

    就比如在IE下面。 看如下代码: 复制代码代码如下: ’22’&gt; &lt;/tbody&gt; 我们现在想通过innerHTML属性给tbody中间加入等HTML代码,会这么做: 复制代码代码如下: &lt;span xss=removed&gt;document.getElementById(’22’...

    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 ...

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

    主要介绍了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法,较为详细的分析了错误的原因及对应的解决方法,需要的朋友可以参考下

    javascript innerHTML使用分析

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

    innerHTML与jquery里的html()区别介绍

    tbody[removed]='&lt;tr&gt;&lt;td&gt;IE下tbody的innerHTML是只读的&lt;/td&gt;&lt;/tr&gt;’; //在IE下报错,目标对象错误 现在用jquery的html试试, 代码如下: $(tbody).html(‘&lt;tr&gt;&lt;td&gt;IE下tbody的innerHTML是只读的&lt;/td&gt;&lt;/tr&gt;’); ...

Global site tag (gtag.js) - Google Analytics