IE/火狐/Chrome操作display:none对象所遇问题解答

前端技术 2023/09/03 CSS

下面，先来段简单的测试代码

复制代码
代码如下:

[code]
<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>


[/code]
接着上三张在IE、火狐、Chrome浏览器调试工具显示的源代码中结果图

******************************IE开发人员工具显示的源代码***************************************

******************************Firebug工具显示的源代码***************************************

******************************chrome开发人员工具显示的源代码***************************************

其上代码执行结果都是一样的，如下图：以后不要被闷到了！如果是开发工具显示设置问题，或者编写什么兼容代码等，还望留言，感谢感谢！

本文地址：https://www.stayed.cn/item/8727

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案