[1097]DIV的显示与隐藏

文章目录

• 一.不占位
• 二.占位

*********************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>

block display hidden visibility

0 人点赞