CSS `display:none` 对DOM的影响

13 浏览
0 Comments

CSS `display:none` 对DOM的影响

这个问题在这里已经有了答案：

visibility:hidden和display:none之间有什么区别？

你好，我想知道将display:none应用于元素的效果是什么。它会从DOM中移除还是仅从文档流中移除？将元素从文档流中移除意味着什么？我知道visibility:hidden只是隐藏了元素，但它仍会影响文档流，并且你可以使用remove()js方法从DOM中删除一个元素。

admin 更改状态以发布 2023年5月25日
0

2 答案

0 Comments

display: none;只是隐藏了元素，但是所有监听事件仍然存在。它不会从DOM中删除。
但是visibility: hidden和display: none之间的区别在于，在第一种情况下，标签和内容内部将被渲染，而在第二种情况下标签不会被渲染。

visibility: hidden;
enter image description here

div标签被渲染并影响文档流

display: none;
enter image description here

div不被渲染

0
0 Comments

使用"display:none;"将使元素消失，就像从未存在过，"visibility: hidden;"只会隐藏它，使它有点透明，并且会干扰文档流

0