IE/火狐/Chrome操作display:none对象所遇问题解答
2013-03-28 14:32
344 查看
下面,先来段简单的测试代码
接着上三张在IE、火狐、Chrome浏览器调试工具显示的源代码中结果图
******************************IE开发人员工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/272e5b6e0d87903d4d33b62bae523590.png)
******************************Firebug工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/6d9b34ad0d3abc5495047dcb24b60ca8.png)
******************************chrome开发人员工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/d6fe35f2d6ac186c45293febb5559540.png)
其上代码执行结果都是一样的,如下图:以后不要被闷到了!如果是开发工具显示设置问题,或者编写什么兼容代码等,还望留言,感谢感谢!
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>不要被闷了</title> <body> <input type="text" id="hh1" value="2"> <input type="hidden" id="hh2" value="2"> <input type="text" style="display:none" id="hh3" value="2"> <div style="display:none"><input type="text" id="hh4" value="2"></div> <script> document.getElementById("hh1").value="11111"; document.getElementById("hh2").value="11111"; document.getElementById("hh3").value="11111"; document.getElementById("hh4").value="11111"; var strall="h1="+document.getElementById("hh1").value; strall+=",h2="+document.getElementById("hh2").value; strall+=",h3="+document.getElementById("hh3").value; strall+=",h4="+document.getElementById("hh4").value; alert(strall); </script> </body> </html></SPAN>
接着上三张在IE、火狐、Chrome浏览器调试工具显示的源代码中结果图
******************************IE开发人员工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/272e5b6e0d87903d4d33b62bae523590.png)
******************************Firebug工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/6d9b34ad0d3abc5495047dcb24b60ca8.png)
******************************chrome开发人员工具显示的源代码***************************************
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/d6fe35f2d6ac186c45293febb5559540.png)
其上代码执行结果都是一样的,如下图:以后不要被闷到了!如果是开发工具显示设置问题,或者编写什么兼容代码等,还望留言,感谢感谢!
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/56d979d157b9a380ec8dd6870ff7faae.png)
相关文章推荐
- IE、火狐、Chrome操作display:none对象闷人问题
- ie 火狐 下OPTION对象的追加问题
- python爬虫,selenium使用,Firefox-chrome-IE问题解决方法,selenium的基本操作
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- 有关display:block、display:table在IE、火狐的兼容性问题
- 火狐,IE display兼容性问题解决
- jquery 火狐、chrome、IE的兼容性问题
- 解决ExtJS在chrome或火狐中正常显示,但是在ie中不显示的问题
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- jquery操作html文档(table添加行,IE 中遇到的bug问题)
- 关于Objective-C 对象release操作野指针的一个小问题探讨
- js让显示层居中且有遮挡层(IE,火狐,Chrome均可)
- 浏览器兼容性问题解决方案之CSS——已在IE、FF、Chrome测试
- 解决IE,Firefox,chrome,safari浏览器中iframe显示高度自适应问题
- 解决jquery操作checkbox火狐下第二次无法勾选问题
- swiper display:none 后 在显示 滑动问题
- CSS中一个IE和CHROME兼容的问题
- IE\firfox\chrome的差异和兼容问题
- python splinter操作chrome时遇到的驱动问题
- 一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子