displaynone（displaynone和visibilityhidden区别）

快速了解：display:none和visibility:hidden都是CSS属性，都可以隐藏HTML元素。它们的区别在于，前者会从文档流中删除元素，不占用任何空间，而后者只是让元素不可见，但仍然占据空间。

display:none的特点

1. 从文档流中删除元素，不占用任何空间；

2. 元素的所有属性和事件都被禁用，包括子元素；

3. 当使用JavaScript来操作元素时，需要先将元素设置为display:block才能进行相关操作；

4. 当使用display:none来隐藏元素时，搜索引擎的爬虫也无法检索到这个元素的内容。

visibility:hidden的特点

1. 元素不可见，但仍然占据空间；

2. 元素的所有属性和事件仍然可用，包括子元素；

3. 当使用JavaScript来操作元素时，无需进行任何设置就可以直接进行相关操作；

4. 当使用visibility:hidden来隐藏元素时，搜索引擎的爬虫可以检索到这个元素的内容，但不能显示。

两者的使用场景

1. 当需要隐藏一个元素，并且该元素在页面中占用了很多空间时，建议使用display:none；

2. 当需要隐藏一个元素，并且需要保留该元素在文档流中的空间时，建议使用visibility:hidden；

总结

使用display:none和visibility:hidden可以实现元素的隐藏，但它们的效果不同。在使用时需要根据实际需求进行选择，以达到最优的效果。