[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”;

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

参考：https://www.cnblogs.com/MrTanJunCai/p/9907696.html
https://www.cnblogs.com/taiguyiba/p/6627730.html