javascript怎么显示隐藏div-木庄网络博客

2022-02-16 16:54:31 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

方法：1、利用display属性，语法“div对象.style.display="none|block"”；2、利用visibility属性，语法“div对象.style.visibility="hidden|visible"”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

1	`<div` `id="demo">AAA</div>`

JS隐藏和显示div的方式有两种：

方式1：隐藏后释放占用的页面空间

通过设置display属性可以使div隐藏后释放占用的页面空间.

style="display: none;"

1 2	`document.getElementById("demo").style.display="none";//隐藏` `document.getElementById("demo").style.display="block";//显示`

方式2：隐藏后仍占有页面空间，显示空白

阅读剩余部分

相关阅读 >>

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者