DIV的显示与隐藏

Posted 2021-01-17 mrtanjuncai

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