怎么通过display或visibility实现HTML元素的显示与隐藏

本篇内容介绍了"怎么通过display或visibility实现HTML元素的显示与隐藏"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

代码如下：

　　

　　functionshowAndHidden1(){

　　vardiv1=document.getElementById("div1");

　　vardiv2=document.getElementById("div2");

　　if(div1.style.display=='block')div1.style.display='none';

　　elsediv1.style.display='block';

　　if(div2.style.display=='block')div2.style.display='none';

　　elsediv2.style.display='block';

　　}

　　functionshowAndHidden2(){

　　vardiv3=document.getElementById("div3");

　　vardiv4=document.getElementById("div4");

　　if(div3.style.visibility=='visible')div3.style.visibility='hidden';

　　elsediv3.style.visibility='visible';

　　if(div4.style.visibility=='visible')div4.style.visibility='hidden';

　　elsediv4.style.visibility='visible';

　　}

　　DIV1