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

建站知识 2021-07-03 08:43www.168986.cn长沙网站建设

狼蚁网站SEO优化，先来段简单的测试代码

复制代码

代码如下:

[code]
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://.w3./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开发人员工具显示的源代码

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

上一篇：select在各浏览器中显示option的测试结果分享下一篇：css鼠标样式cursor介绍(鼠标手型)

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

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

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

长沙网站设计

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设