IE6,7设置innerHTML无效的问题

最新推荐文章于 2021-06-03 20:32:16 发布
原创 最新推荐文章于 2021-06-03 20:32:16 发布 · 529 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #jquery #select #innerHTML #ViewUI

本文讨论了使用outerHTML后事件绑定失效的问题，并提供了使用jQuery的live()方法作为替代方案。重点介绍了如何在不改变原有事件绑定逻辑的情况下，通过live()方法实现动态元素事件的响应。

此问题微软已发布解决方案  

 

但是某些情况下会带来新的问题

 

如用 outerHTML之后，之前使用addEventListener绑定的事件会无效，当然可以用 onclick来替代

 

但jquery提供了一个更加方便的方法  live()

 

关于在innerHTML中JS不执行的问题
03-28
NULL 博文链接：https://wuzhengxuan.iteye.com/blog/1263906
IE 下的只读 innerHTML
12-03
值得注意的是，如果`<table>`元素没有`<tbody>`子元素，直接在IE6中对`table`使用`appendChild`方法是无效的，因为IE6不支持对`table`元素直接进行`appendChild`操作（IE8及以上版本已修复此问题）。在这种情况下，...
FireFox下的JS调用innerHTML无效
dengxingbo的专栏
08-17 2494
今天试了一下，在FireFox下调用document.getElementById("id").innerHTML = "";但是在Firefox下图片居然没有显示，在IE下完全正常，后来查了一下，FF真的不支持innerHTML方式的图片显示，换成文字就可以。解决方法是：预先在把该图片加载（直接放在页面，通过css的display:none把该图片隐藏了），就可以了。就是把直
调用innerHTML之后onclick失效问题的解决方法
09-04
调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件
html innerhtml 绑定事件无效,js中innerHTML的动态绑定的事件丢失
weixin_32127359的博客
06-03 3259
js事innerHTML事件丢失老前端人以前很容易遇到这种问题。渲染服务器端的数据，包装成自己的HTML，使用innerHTML或者.html()，异步的把它渲染上去。这时候会发现子元素写的一些事件不生效。image案发现场例如我们想在body中追加一个div,仔细看下面这个代码，您就会发现我在说什么了。按钮var ob = document.getElementById('btn');//doc...
html innerhtml 绑定事件无效,调用innerHTML之后onclick失效问题的解决方法
weixin_28909289的博客
06-03 2203
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子：例子一：该例子是无法实现的onclick的function insCell(th)var name=th.name...
IE6/7/8/9中Table/Select的innerHTML不能赋值的解决方法
09-05
其中一个经典的问题就是尝试使用JavaScript的innerHTML属性来修改表格（Table）或选择列表（Select）的内容，但在IE6、7、8、9版本中，这可能会遇到一些挑战。innerHTML属性通常用于设置或获取元素的HTML内容，但在...
innerHTML在IE中报错解决方案
09-04
首先，问题的出现是这样的：在使用innerHTML向table或者tr元素动态插入内容时，如果在IE9及以下版本，会遇到“Invalid target element for this operation”（无效的目标元素用于此操作）的错误。例如，尝试通过以下...
IE6-IE9不支持table[removed]的解决方法分享
12-10
测试代码： 代码如下: ”... [removed] 上述代码在IE6-9中无效，直接报错： IE9：Invalid target element for this operation. IE6-8：Unknown runtime error 查找IE的文档(http://msdn.microsoft.com/en-us/library
IE6-IE9浏览器兼容性问题与解决方案汇总
- **IE6-IE7更新**：方框模型的改变，CSS筛选器的支持问题，以及SELECT元素覆盖的问题得到修复。 - **IE7-IE8更新**：弃用CSS表达式，currentStyle对象和style对象的Unset属性处理变化。 - **IE8-IE9更新**：泰语和...
IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
10-25
最近发现各大类库都能利用xxx[removed]=HTML片断来生成节点元素，再把它们插入到目标元素的各个位置上。这东西实际上就是insertAdjacentHTML，但是IE可恶的innerHTML把这优势变成劣势。
html innerhtml 绑定事件无效,关于innerHTML的onclick失效问题
weixin_39590566的博客
06-03 1304
[HTML] 纯文本查看 复制代码Titletable {width: 500px;margin: auto;border: 2px silver solid;text-align: center;}tr, td, th {border: 2px silver solid;}.div {margin-bottom: 20px;text-align: center;}a:link {color: r...
关于在IE下对Select标签设置innerHTML无效的问题
xue_feitian的专栏
09-05 4726
关于在IE下对Select标签设置innerHTML无效的问题 今天在做应用的时候有个级联菜单的功能，因为一般做开发的时候都是使用FireFox居多（原因不用多说，相信所有的前端开发人员都曾经尝到了恶心的IE不遵守W3C标准的痛苦），因此想当然的时候对一个Select标签进行了如
jQuery.html()和innerHTML在IE8中失效
beny
02-28 6146
代码如下： 在IE8上运行起来，下拉框中任何选项都没有，加打印发现块中没有任何数据 正常现象应该是有两个选项才对 而在IE11上又能正常显示，看来是在IE8中 opt_html 中的内容没有填充进去 把 $("MDVR_MAIN_[CH]_BRM").html(opt_html); 换成原生写法  document.getElementById('MD
前端项目使用innerHtml时，部分样式失效问题
狂奔的蜗牛
05-21 2192
1、现象： 在编辑器中，设置文字颜色，使之在前端突出显示。 2、实际效果： 可以发现想要的颜色并没有展示出来。 3、解决方法： 创建一个模块： 在需要使用的模块导入创建的模块： 页面调用： ...
IE6下不能识别innerHtml
记录技术点滴
08-10 216
如题,在用js操作表格和div中的内容时，IE6下要用innerText,用innerHtml是不管用的
IE6-9中tbody.innerHTML不能赋值问题；SCRIPT600:该操作的目标元件无效
JYX8
04-06 4412
IE6-IE9中tbody的innerHTML不能赋值.获取时所有浏览器都弹出了tr的字符串，但设置时IE6-9不支持，而且报错，如图解决方案：1. 可以换个添加属性，如：appendChild, tbody.appendChild = "<tr></tr>"2. 添加判断 var s = navigator.userAgent.toLowerCase();
在IE浏览器里，使用tr的innerHTML不管用的解决方案（原创）
Aubergine_kang的专栏
09-26 880
程序一个bug：   点击按钮，调用js，添加一行，行里多个td，td里有select、textfield等。 我使用tr的innerHTML来复制一行。 在google浏览器里点击按钮可以增加一行。 在IE里点击按钮不能增加一行。       例如，我如下的代码：      function add(obj){                var addTbl=docume...
HTML中关于使用 innerHTML 动态创建DOM节点时，相关事件（如onclick等）失效的解决方案
XH_jing的博客
01-28 3176
最近在进行项目模块的迭代开发工作，偶尔会碰到几个值得记录的问题，这里就给大家整理分享一下，以及相应的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值