displaynone display hidden 和none 的区别
大家好，今天给各位分享displaynone的一些知识，其中也会对display hidden 和none 的区别进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
style="display:none;"
这是一个根据下拉列表的选项来决定显示什么隐藏的函数
<script language="javascript">
function pysjzx_change(){
var leaseObj= document.all.id_lease;//把id为"id_lease"的元素名保存在leaseObj
var saleObj= document.all.id_sale;//把id为"id_sale"的元素名保存在saleObj
var hhObj= document.all.id_hh;//把id为"id_hh"的元素名保存在hhObj
var pysjzx_type= document.pysjzxform.pysjzx_type.value;//这是工作把表单控件pysjzx_type的值保存到Pysjzx_type,估计很有可能是一个下拉列表
//以下是根据Pysjzx_type来决定显示哪个要显示，哪个要隐藏
//style.display="block"为显示，display="none"为隐藏
if(pysjzx_type=="sale"){saleObj.style.display="block";leaseObj.style.display="none";}
if(pysjzx_type=="buy"){saleObj.style.display="block";leaseObj.style.display="none";}
if(pysjzx_type=="lease"){leaseObj.style.display="block";saleObj.style.display="none";}
if(pysjzx_type=="hire"){leaseObj.style.display="block";saleObj.style.display="none";}
if(pysjzx_type=="cotenancy"){hhObj.style.display="block";saleObj.style.display="none";}
}
}
display hidden 和none 的区别
来源：知乎
HTML5
的
hidden="hidden"
和CSS的
display:none有什么区别？
于江水
不管什么情况，你知道一个原则就
OK
了：
HTML
是内容展示带有语义，CSS
是界面样式相关。
那么
hidden
这个属性，就表示与浏览者不相关、不重要，浏览器在解析的时候，既然不相关就直接隐藏掉了。如果你有些东西与用户不相关，比如
提交信息的
input
等，就可以用
hidden。
display
none
就是从界面、视觉上的隐藏。如果你需要临时隐藏一些东西后面会再切换出来，比如
下拉菜单
等，就可以用
display
none。因为它不是跟用户不相关，只是目前还不能展示出来。
编辑于
2015-09-26
Boringer
7
人赞同了该回答
效果上没有什么不同，但是只要是写在
CSS
里面的都只是纯展现，可以不遵循任何道理（比如
display，狗都可以伪装成猴的样子），而
HTML
则可能带有语义。
hidden
表示该元素是不相关的、不需要的，这个含义是主要内容，“隐藏”的效果只是附带。也许看上去跟
display:
none
没有任何区别，但是在我们不知道的地方，比如屏幕阅读器或其他一切依赖语义的地方，可能就有它的价值体现。
关于CSS属性display:none和visible:hidden的区别
实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。cssdisplay属性
display属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。/*示例*/div{display:none;}cssvisibility属性
visibility属性规定元素是否可见。值为hidden时表示元素是不可见的。/*示例*/div{visible:hidden;}提示:visible:hidden;和display:none;的区别是，即使不可见的元素也会占据页面上的空间。"display"属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在w3school查看)。设置div的大小实现隐藏
将div的宽度和高度设置为零，也可以达到隐藏的效果。/*示例*/div{width：0px;height:0px;overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/}
display:none和visibility:hidden的功能是什么
1、display:none和visible:hidden都能把网页上某个元素隐藏起来。
2、但两者有区别:
●display:none---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。
●visible:hidden---使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。
displaynone的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于display hidden 和none 的区别、displaynone的信息别忘了在本站进行查找哦。