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

小天博客 • 08/16 18:25 • 程序猿 • 30 views

本篇内容介绍了“怎么通过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