[1097]DIV的显示与隐藏

2022-04-13 15:06:02 浏览数 (3)

文章目录
  • 一.不占位
  • 二.占位

*********************div的显示和隐藏************************************

一.不占位

1.隐藏

div对象.style.display = “none”;

2.显示

div对象.style.display = “block”;

点击的时候,第一次不能正常显示,需要点第二次…为什么?

原因是: 内嵌样式 设置了div 的 display: none 在js代码中无法获得内嵌样式display

期望得到none 实质得到"" 所以会出现问题

二.占位

  1. 隐藏

div对象.style.visibility = “hidden”;

2.显示

div对象.style.visibility = “visible”;

代码语言:javascript复制
<div class="axb">
    <span id="tipStep1" class="fl" >第一步显示</span>
    <span id="tipStep2" class="fl" style="display:none">第二部显示</span><!-- 第一步先是隐藏的 -->
</div>

0 人点赞