javascript显示隐藏div的方法 - 行业资讯 - 肥雀云

　　介绍

这篇文章主要介绍javascript显示隐藏div的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

方法:1,利用显示属性,语法”div对象.style.display=懊挥衸 block"”; 2,利用可见性属性,语法”div对象.style.visibility=耙貄 visible"”。

本教程操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。
& lt; div id=癲emo"祝辞AAA

<强> JS隐藏和显示div的方式有两种:

<强>方式1:隐藏后释放占用的页面空间

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

<代码>风格=跋允?没有,“

. getelementbyid (“demo") .style.display=皀one";//隐藏　　. getelementbyid (“demo") .style.display=癰lock";//显示

<强>方式2:隐藏后仍占有页面空间,显示空白

div的能见度可以控制div的显示和隐藏,但是隐藏后页面显示空白。

<代码>风格=翱杉?没有,“

. getelementbyid (“demo") .style.visibility=癶idden";//隐藏　　. getelementbyid (“demo") .style.visibility=皏isible";//显示

注意:

使用第二方式更人性化,但是,用<代码> div.style.display=皀one" 隐藏会引起,div里面的东西休眠,里面的事件就不响应了。

以上是“javascript显示隐藏div的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!