Afficher et masquer les éléments HTML via l'affichage ou la production de pages visibilité_HTML/Xhtml_Web

Parfois, nous devons contrôler si les éléments HTML de la page Web sont affichés ou masqués en fonction de certaines conditions, qui peuvent être obtenues via l'affichage ou la visibilité. Comprenez la différence entre affichage et visibilité à travers l'exemple suivant. L'exemple de code simple est le suivant :

Copiez le code

. Le code est le suivant :

type="text/javascript ">
function showAndHidden1(){
var div1=document.getElementById("div1");
var div2=document.getElementById("div2"); if(div1.style. display=='block') div1.style.display='none';
else div1.style.display='block';
if(div2.style.display==' block') div2.style .display='none';
else div2.style.display='block';
}
function showAndHidden2(){
var div3=document.getElementById(" div3");
var div4=document.getElementById("div4");
if(div3.style.visibility=='visible') div3.style.visibility='hidden';
else div3 .style.visibility='visible';
if(div4.style.visibility=='visible') div4.style.visibility='hidden';
else div4.style.visibility='visible'; 🎜>}

affichage : La position de l'élément n'est pas occupée

DIV 1

DIV 2

;

---

est toujours occupé

DIV 3

DIV 4< /div>