js如何使一个div隐藏
编辑：Simone
2025-04-02 03:52:50
590 阅读
在js中，可以通过js将div的display属性设置为none，实现div隐藏。下面小编举例讲解js如何使一个div隐藏。
新建一个html文件，命名为test.html，用于讲解js如何使一个div隐藏。
在test.html文件内，使用div标签创建一个模块，并设置其id为mydiv。
在css标签内，通过id（mydiv）设置div的样式，定义其宽度为100px，高度为100px，背景颜色为红色。
在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行hideDiv()函数。
在js标签中，创建hideDiv()函数，在函数内，使用getElementById（）方法，通过id（mydiv）获得div对象，将div对象style属性中的display属性设置为none，便可以实现div的隐藏。
在浏览器打开test.html文件，点击按钮，查看结果。
1、使用div标签创建一个模块，并设置其id为mydiv。
2、在js中，使用getElementById（）方法，通过id（mydiv）获得div对象，将div对象style属性中的display属性设置为none，便可以实现div的隐藏。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/answer/168044.html
