`
luolonghao
  • 浏览: 119759 次
  • 性别: 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所引起的问题

    这是因为当使用 `innerHTML` 或 `outerHTML` 清除元素时,IE浏览器可能会出现异常或错误,导致事件处理程序或焦点管理出现问题。 解决这个问题的一个方法是避免使用 `outerHTML` 来删除元素。我们可以改用 `...

    IE bug table元素的innerHTML

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

    IE6/7/8中使用innerHTML清空元素,其子元素也被清空

    本文将深入探讨一个特定的问题,即在Internet Explorer 6、7和8(以下简称IE6/7/8)浏览器中使用`innerHTML`属性清空元素时,其子元素也会被一并清空的特性。这个现象在其他现代浏览器中并不常见,因此了解这一问题...

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

    innerHTML和innerText的区别

    innerHTML 属性 innerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 标签。例如,在上面的代码中,test.innerHTML 的值就是“&lt;span style="color:red"&gt;test1&lt;/span&gt; test2”,包括 HTML 标签。 innerHTML ...

    IE 下的只读 innerHTML

    这个问题在IE浏览器中尤为突出,因为它对某些特定元素的`innerHTML`属性设为了只读。 在给定的问题中,开发者尝试通过JavaScript动态地向表格`&lt;table&gt;`的`&lt;tbody&gt;`元素添加新的`&lt;tr&gt;`行。在Firefox中,这样的操作是...

    innerHTML在IE中报错解决方案

    本篇文章将深入探讨innerHTML在IE中遇到的报错问题,以及如何找到解决方案。 首先,问题的出现是这样的:在使用innerHTML向table或者tr元素动态插入内容时,如果在IE9及以下版本,会遇到“Invalid target element ...

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

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

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

    解决 Ajax 返回 innerHTML 中 JavaScript 不能运行问题 在实际应用中,我们经常会遇到使用 Ajax 返回某一个网页的内容到模板页面的某一个 `&lt;div&gt;` 标签中显示的操作。如果返回的值仅仅是文本类数据,不会影响模板...

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

    然而,在IE浏览器中,innerHTML的行为有所不同。根据Microsoft的官方文档,innerHTML属性在特定元素上是只读的,其中包括`&lt;col&gt;`, `&lt;colgroup&gt;`, `&lt;frameset&gt;`, `&lt;html&gt;`, `&lt;head&gt;`, `&lt;style&gt;`, `&lt;table&gt;`, `&lt;tbody&gt;...

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

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

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

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

    IE6与IE7中,innerHTML获取param的区别

    本文将详细探讨一个特定的问题,即在IE6和IE7中使用`innerHTML`属性获取`&lt;object&gt;`标签内的`&lt;param&gt;`子标签时的区别。 `innerHTML`是JavaScript中用于设置或获取元素内HTML内容的属性。当你访问一个元素的`...

    IE7-IE8 站点 兼容性 Pdf

    - **问题**:在IE8中,属性的排序方式发生了变化,这可能会影响属性集合以及`innerHTML` 和 `outerHTML` 的值。如果页面依赖于特定的属性排序,那么可能会出现问题。 - **解决方案**:建议通过属性名而不是位置来...

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

    然而,在Internet Explorer(IE)浏览器中,使用innerHTML时可能会遇到“未知的运行时错误”。这个问题通常与HTML结构的合法性以及IE对于innerHTML操作的特殊处理有关。 首先,我们来看一下引发这个错误的常见原因...

Global site tag (gtag.js) - Google Analytics