显示隐藏Html元素(div等)

最新推荐文章于 2023-11-30 14:50:05 发布

转载最新推荐文章于 2023-11-30 14:50:05 发布 · 7.9k 阅读

文章标签：

#隐藏div #隐藏元素

JS 同时被 2 个专栏收录

5 篇文章

订阅专栏

Html

4 篇文章

订阅专栏

博客介绍了div元素隐藏的方法。使用visibility属性可控制div显示与隐藏，但隐藏后页面会留空白；设置display属性隐藏div后，可释放其占用的页面空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:


　　style="visibility: none;"

　　document.getElementById("typediv1").style.visibility="hidden";//隐藏

　　document.getElementById("typediv1").style.visibility="visible";//显示

    $("#divid").css("vicibility","hidden")

    $("#divid").css("vicibility","visible")

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

　style="display: none;"

　　document.getElementById("typediv1").style.display="none";//隐藏

　　document.getElementById("typediv1").style.display="";//显

    $("#divid").css("display","none");

    $("#divid").css("display","");