Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> #myDIV { margin: auto; width: 400px; height: 200px; background-color: lightblue; border: 1px solid black; } </style> </head> <body> <h1>使用 JavaScript 更改可见性</h1> <p>单击“试一试”按钮将 DIV 元素的可见性属性 visibility 设置为隐藏 "hidden"：</p> <button onclick="myFunction()">试一试</button> <div id="myDIV">这是我的 DIV 元素。</div> <p><strong>注意</strong>：隐藏元素仍会占用页面空间。</p> <script> function myFunction() { document.getElementById("myDIV").style.visibility = "hidden"; } </script> </body> </html>