|
display:none在IE、火狐、Chrome等主流浏览器中的一些问题想必大家也有碰到过吧，接下来为大家详细图文介绍下，感兴趣的朋友可以参考下哈希望可以帮助到你
下面，先来段简单的测试代码
复制代码代码如下:
- <br /><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"> <br /><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <br /><head> <br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br /><title>不要被闷了</title> <br /><body> <br /><input type="text" id="hh1" value="2"> <br /><input type="hidden" id="hh2" value="2"> <br /><input type="text" style="display:none" id="hh3" value="2"> <br /><div style="display:none"><input type="text" id="hh4" value="2"></div> <br /><script> <br /> document.getElementById("hh1").value="11111"; <br /> document.getElementById("hh2").value="11111"; <br /> document.getElementById("hh3").value="11111"; <br /> document.getElementById("hh4").value="11111"; <br /> var strall="h1="+document.getElementById("hh1").value; <br /> strall+="，h2="+document.getElementById("hh2").value; <br /> strall+="，h3="+document.getElementById("hh3").value; <br /> strall+="，h4="+document.getElementById("hh4").value; <br /> alert(strall); <br /></script> <br /></body> <br /></html></SPAN> <br /><br />
接着上三张在IE、火狐、Chrome浏览器调试工具显示的源代码中结果图
******************************IE开发人员工具显示的源代码***************************************
2013032814315854.png
******************************Firebug工具显示的源代码***************************************
2013032814315855.png
******************************chrome开发人员工具显示的源代码***************************************
2013032814315856.png
其上代码执行结果都是一样的，如下图：以后不要被闷到了！如果是开发工具显示设置问题，或者编写什么兼容代码等，还望留言，感谢感谢！
2013032814315857.png
| 
发表于 2013-3-28 14:32:42
