搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JavaScript基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>基础教程(div.cn)</title> <head> <style> #demo { font-size: 6em; background: #4285f4; color: white; margin-bottom: 20px; } </style> </head> <body> <h2> JavaScript可以隐藏和显示HTML元素</h2> <div id="demo">Hello World!!!</div> <button type="button" onclick="hide()">隐藏</button> <button type="button" onclick="show()">显示</button> <script> function hide() { document.getElementById("demo").style.display = "none"; } function show() { document.getElementById("demo").style.display = "block"; } </script> </body> </html>
运行结果
