关于IE8不支持document.getElementById().innerHTML的问题

最新推荐文章于 2022-04-15 10:55:40 发布
最新推荐文章于 2022-04-15 10:55:40 发布
阅读量570 收藏
点赞数
文章标签： javascript 移动开发 webpack ViewUI
原文链接：http://www.cnblogs.com/DreamDrive/p/5488502.html
版权
本文介绍了一个在IE8浏览器中遇到的JavaScript操作DOM元素的兼容性问题，并提供了一种使用jQuery库来解决该问题的方法。通过对比document.getElementById与jQuery的选择器，展示了如何在旧版浏览器中实现更稳定的DOM操作。
摘要由CSDN通过智能技术生成

document.getElementById("id").innerHTML = (showinfo);//IE8不支持.

可以用Jquery来解决这个问题:

$('#id').html(showinfo);

 

转载于:https://www.cnblogs.com/DreamDrive/p/5488502.html

weixin_34268579
关注
flask中兼容ie6、7中的json未定义错误，document.querySelector() 方法的使用
水月灯花的博客
06-08 829
一、json未定义错误 将JavaScript对象类型的参数通过JSON.stringify转换成字符串传递时，IE6、7、8会报： “JSON”未定义的错误。可以通过在html文件的head头内引入json2.js文件来解决： json2.js文件的下载地址https://github.com/se7en94/save/tree/master/docs/json2 <script type="text/javascript" src="json2.js"></script...
js基础学习-dom
yyx1958025835的博客
06-02 888
onclick事件 document.getElementById('id名称').innerHTML =Date() DOM是Document文档对象模型 getElementById 方法“查找” id="id名称" 的 HTML 元素 innerHTML属性，输出在网页上可更改原有的内容 Date()日期函数 ECMA是标准 属性 src改变图片路径document.getElementById('myImage').src='/i/eg_bulbon.gif' ...
javascript代码在ie8里报错 document.getElementById(…) 为空或不是对象的解决方法 原创
01-19
ie8中对于声明文档类型更加严格如下面的代码。 运行环境： 清空 Windows平台 S60v2 S60v3 CHM PDF PPT WORD EXCEL asp asp+access asp+sqlserver asp+sql/access php源码 php php+mysqljsp asp.net源码 asp.net asp.net+access asp.net+sql asp.net+sql/access [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]可以看到这段代码在ie7与ie8中都是可以运行的，下面的代码我们加入声明文档 代码如下:<!DOCTYPE ht
IE不支持 document.getElementById(“loading“).style=“display:none“；
qq_40703860的博客
04-15 836
ie兼容
一行代码告别document.getElementById
09-05
mytag.innerHTML = "Goodbye, document.getElementById!"; } if ('mozHidden' in document) [].forEach.call(document.querySelectorAll('[id]'), function(e) { self[e.id] = e; }); ``` 在这个测试...
IE6-IE9不支持table[removed]的解决方法分享
12-10
测试代码： 代码如下: ”test”> </table> [removed] var oTable=document.getElementById(“test”); oTable[removed]=”<tr><td>innerHTML</td></tr>”; [removed] 上述代码在IE6-9中无效，直接报错： IE9：...
用javascript实现jquery的document.ready功能的实现代码
10-29
document.getElementById('test').innerHTML = 'document.ready测试!'; }); alert(document.getElementById('test')); // 在文档未完全加载时，此操作返回null })(); ``` ### 四、代码详解 1. **检测浏览器...
javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法 <font color=red>原创</font>
10-29
今天更升级了ie8,发现原来在ie7下可以运行的代码，不能运行了，发现了一些细节，附临时修改办法。
document.getelementbyid("page").innerHTML火狐不兼容
WisonKot
01-16 462
  document.getelementbyid("t_page_span").innerHTML  可以获取到div中的全部数据，包括标签。。。IE可以 document.getelementbyid("t_page_span").innerTEXT  可以获取到div中的文本数据，不会获取到标签。。。IE可以 document.getElementById(“t_page_span”...
JavaScript —— document中id属性不唯一时，id选择器如何工作
洛丹伦的夏天
12-17 2030
测试代码： &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;document中存在相同id&amp;lt;/title&amp;gt; &amp;l
当innerHTML遇上document.getElementById
热门推荐
天下无双
02-09 1万+
 不知在通常的开发中，大家有没有遇到过这样的问题。      例如现在有一个控件view plaincopy to clipboardprint?  ,如果想取这个控件的值有很多中方法，其中document.getElementById(name).value既是其中的一种。但是在实际的开发中可能碰到使用这个方法取不到值的情况。为了解决这个问题，我们有必要明白document.getEl
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <img src='images/1.jpg' height='150px' width='150px'> <img src='images/2.jpg' height='150px' width='150px'> <img src='images/3.jpg' height='150px' width='150px'> <img src='images/4.jpg' height='150px' width='150px'><br/> <button id="like-btn1">赞(<span id="like-count1">0</span>)</button> <button id="like-btn2">赞(<span id="like-count2">0</span>)</button> <button id="like-btn3">赞(<span id="like-count3">0</span>)</button> <button id="like-btn4">赞(<span id="like-count4">0</span>)</button> </div> <script type="text/javascript"> // 闭包方式实现点赞功能1 var like = (function() { var count = 0; return function() { count++; document.getElementById("like-count1").innerHTML = count; } })(); // 监听点击事件并调用闭包函数1 document.getElementById("like-btn1").addEventListener("click", like); // 闭包方式实现点赞功能2 var like = (function() { var count = 0; return function() { count++; document.getElementById("like-count2").innerHTML = count; } })(); // 监听点击事件并调用闭包函数2 document.getElementById("like-btn2").addEventListener("click", like); // 闭包方式实现点赞功能3 var like = (function() { var count = 0; return function() { count++; document.getElementById("like-count3").innerHTML = count; } })(); // 监听点击事件并调用闭包函数3 document.getElementById("like-btn3").addEventListener("click", like); // 闭包方式实现点赞功能4 var like = (function() { var count = 0; return function() { count++; document.getElementById("like-count4").innerHTML = count; } })(); // 监听点击事件并调用闭包函数2 document.getElementById("like-btn4").addEventListener("click", like); </script> </body> </html>改正代码
最新发布
06-01
这段代码本身没有错误，但是可以进行优化和简化。可以将点赞功能的闭包函数抽象出来，以便避免代码重复。同时，可以为每个点赞按钮设置一个通用的类名，以便通过类名来获取所有点赞按钮并添加点击事件监听器。修改后的代码如下： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <img src='images/1.jpg' height='150px' width='150px'> <img src='images/2.jpg' height='150px' width='150px'> <img src='images/3.jpg' height='150px' width='150px'> <img src='images/4.jpg' height='150px' width='150px'><br/> <button class="like-btn">赞(<span class="like-count">0</span>)</button> <button class="like-btn">赞(<span class="like-count">0</span>)</button> <button class="like-btn">赞(<span class="like-count">0</span>)</button> <button class="like-btn">赞(<span class="like-count">0</span>)</button> </div> <script type="text/javascript"> // 通用点赞闭包函数 function createLikeFunction(countId) { var count = 0; return function() { count++; document.getElementById(countId).innerHTML = count; } } // 获取所有点赞按钮 var likeBtns = document.getElementsByClassName("like-btn"); // 为每个点赞按钮添加点击事件监听器 for (var i = 0; i < likeBtns.length; i++) { var countId = "like-count" + (i+1); var like = createLikeFunction(countId); likeBtns[i].addEventListener("click", like); } </script> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值