用js将div隐藏或显示

S_Q_A

于 2021-10-07 13:10:24 发布

阅读量4.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签： html javascript html5

本文链接：https://blog.youkuaiyun.com/S_Q_A/article/details/120635022

一、隐藏且不占用页面空间

// 设置display属性 style="display: none;"
document.getElementById("id").style.display="none"; //隐藏
document.getElementById("id").style.display=""; //显示

二、隐藏但仍占有页面空间，会显示空白

// 设置 visibility但是隐藏后页面显示空白 style="visibility: none;"
document.getElementById("id").style.visibility="hidden"; //隐藏
document.getElementById("id").style.visibility="visible"; //显示