javascript控制页面元素的显示与隐藏

最新推荐文章于 2026-01-12 23:41:58 发布

原创最新推荐文章于 2026-01-12 23:41:58 发布 · 595 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

Javascript 专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了HTML与CSS中用于控制元素可见性的两种主要属性：visibility和display。通过对比它们的不同作用，包括在隐藏元素时是否保留空间，帮助开发者更好地掌握布局与交互设计。

visible
使用visibility:<br>
1.正常输入框
<hr>
<input type="text" style="visibility: visible">
<hr>
2.隐藏的输入框
<hr>
<input type="text" style="visibility:hidden">
<hr>
使用display:<br>
1.正常的输入框:
<hr>
<input type="text" style="display: block">
<hr>
2.隐藏的输入框:
<hr>
<input type="text" style="display:none">
<hr>

1. 控制元素可见样式，有两个属性: visibility 和 display。

Visibility对应的两个属性值是 visible 和 hidden

Display 对应的两个属性值是 block和none

区别是：

Visibility 隐藏后空间还被保留。

Display 隐藏后空间也会被隐藏。