div 隐藏和显示方式

div 隐藏和显示方式在 js 中可以使用两种方式控制 div 的显示和隐藏 都能够实现显示和隐藏 但是又有所不同 一 方式 1 隐藏后仍占有页面空间 显示空白 nbsp nbsp div 的 visibility 可以控制 div 的显示和隐藏 但是隐藏后页面显示空白 nbsp nbsp style visibility none nbsp nbsp nbsp 在 Div 中设置 style 属性 nbsp nbsp document getElementBy

    

    在js中可以使用两种方式控制div的显示和隐藏,都能够实现显示和隐藏,但是又有所不同;



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

    div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
    style=”visibility: none;”      //在Div中设置style属性

    document.getElementById(“typediv1″).style.visibility=”hidden”;//隐藏
    document.getElementById(“typediv1″).style.visibility=”visible”;//显示


二.方式2:隐藏后释放占用的页面空间

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

    style=”display: none;”         //在Div中设置style属性

    document.getElementById(“typediv1″).style.display=”none”;//隐藏
    document.getElementById(“typediv1″).style.display=””;//显示





    PS:进行了显示和隐藏之后,我们同样需要采用不同的方式来解决,因为Div的显示和隐藏而造成的样式的变化;



版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/202944.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午10:57
下一篇 2026年3月19日 下午10:57


相关推荐

  • DELL服务器安装server2012

    DELL服务器安装server2012Dell 服务器安装 server2012R2 系统一 配置 RAID 0 或 5 安装系统一 配置 RAID 0 或 5 1 1 dell 服务器开机后 系统自检 加载到 PERC 卡自检页面的时候 按 Ctrl R 进入 PERCBIOS 管理页面 1 2 进入后我们可以看到已经创建好的两个 RAID 阵列 RAID1 DiskID 0 1 RAID10 Diskid 2 3 4 5 2 1 后续我们需要清除已经创建好的两个 RAID 阵列 为重新初始化配置所有的硬盘做准备方向键控制 高亮选中 PERC 卡阵 Ctrl R

    2026年3月19日
    2
  • DOMContentLoaded和window.onload

    DOMContentLoaded和window.onload

    2022年1月15日
    57
  • 实例3、研究 ICMP 数据包

    实例3、研究 ICMP 数据包拓扑图如下 文件 pka rar 大小 34KB 下载 下载学习目标了解 ICMP 数据包的格式使用 PacketTracer 捕获并研究 ICMP 报文简介 Wireshark 可以捕获和显示通过网络接口进出其所在 PC 的所有网络通信 PacketTrace

    2026年3月16日
    2
  • 2026-03-14-Claude Code配置火山方舟Coding Plan(豆包)指南

    2026-03-14-Claude Code配置火山方舟Coding Plan(豆包)指南

    2026年3月15日
    2
  • 购物车功能模块设计图_超市购物车设计

    购物车功能模块设计图_超市购物车设计一、 需求分析 一:购物车模块功能需求 客户在浏览网页的时候,当遇到喜欢的商品、又不急于结账而是继续浏览货物时。需要一个购物篮来存储她已经选中的商品。以便于结账或用于对比商品的详细参数。用户在购物车页面中需要对购物车中的商品添加数量、移除商品、清空购物车等功能。

    2025年5月26日
    6
  • UID卡、IC卡、ID卡、CUID 卡、FUID 卡、UFUID 卡 有什么区别?

    UID卡、IC卡、ID卡、CUID 卡、FUID 卡、UFUID 卡 有什么区别?生活中 我们经常用到门禁卡 考勤卡 电梯卡还有停车卡 这些功能是怎么实现的呢 这是靠卡里封装的芯片和线圈来实现各种功能 不同的芯片频率 容量 读写性各不相同 常见的是 IC 卡还有 ID 卡 还有一种叫 UID 的卡 许多客户不了解 UID 卡是什么 有什么功能 和 IC 卡 ID 卡有什么区别 本文德健智能科技小编就为大家介绍 UID 卡 先了解下 IC 卡 ID 卡的定义 ID 卡全称身份识别卡 是一种不可写入的感应卡 含固定的编号 频率是 125KHz 属于低频 一般用于门禁 IC 卡全称集成电路卡 又称智能卡 可读写 容

    2026年3月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号