javascript怎么显示隐藏div

2025-09-07

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

AAA

JS隐藏和显示p的方式有两种:

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

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

立即学习“Java免费学习笔记(深入)”;

style="display: none;"

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

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

p的visibility可以控制p的显示和隐藏,但是隐藏后页面显示空白.

style="visibility: none;"

document.getElementById("demo").style.visibility="hidden";//隐藏document.getElementById("demo").style.visibility="visible";//显示

注意:

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

【推荐学习:javascript高级教程】

标签: js隐藏div

本文地址:https://www.lifejia.cn/news/209280.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)