首页js visibility

js visibility

时间: 2024-05-10 07:12:14 浏览: 85

JavaScript 中的 visibility 属性用于设置 HTML 元素是否可见。它有两个可选值：visible（可见）和hidden（不可见）。当元素的 visibility 属性设置为 hidden 时，元素在页面中不可见，但它仍然占用页面中的空间。这与 display:none 属性不同，后者会将元素从页面中完全删除，也就是说，即使元素被隐藏了，它也不会占用页面空间。下面是一个简单的示例： ``` <!DOCTYPE html> <html> <head> <title>visibility属性示例</title> <script type="text/javascript"> function hide() { document.getElementById("myDiv").style.visibility = "hidden"; } function show() { document.getElementById("myDiv").style.visibility = "visible"; } </script> </head> <body> <div id="myDiv">我是一个可见的 div 元素。</div> <button onclick="hide()">隐藏</button> <button onclick="show()">显示</button> </body> </html> ``` 在这个示例中，我们定义了两个 JavaScript 函数 hide() 和 show()，分别用于将 id 为 myDiv 的 div 元素隐藏和显示。这两个函数通过修改元素的 visibility 属性来实现。

阅读全文