style.visibility和style.display之间的区别

Difference betweet style.visibility and style.display

本文关键字：style 区别 之间 display visibility      更新时间：2023-09-26

可能重复：
可见性(隐藏(和显示(无(之间的区别是什么

我正在查看使用JavaScript隐藏/显示div标记的示例。在某些示例中，它们使用visibility，在某些示例中将使用display。

例如

document.getElementById("divhotel").style.visibility = "hidden";

与

document.getElementById("divhotel").style.display = "none";

两者之间有什么区别？

当您将visibility设置为hidden时，该元素不会显示，但仍在页面上占据相同的空间。

当您获取display到none时，元素既不会显示，也不会占用页面上的任何空间。

我经常使用display，但这取决于您的场景需要什么。

visibility是元素的渲染方式，无论值如何，它所在的块都会被布置。因此，项目可能会被推来推去。display是如何呈现到页面的：block是div类型的元素，具有全框模型；none元素根本不呈现给页面；CCD_ 14是诸如CCD_。

啊，亲爱的谷歌。

"style.visibility使元素可见或隐藏，即使您看不到它，它仍然会被呈现并占用页面上的空间。如果将style.display设置为"none"，则标记不会被处理，也不会占用页面上空间。">

相关文章：