Verstecken Sie HTML-Elemente durch Anzeige oder Sichtbarkeit_HTML/Xhtml_Webseitenproduktion

Manchmal müssen wir anhand bestimmter Bedingungen steuern, ob die HTML-Elemente auf der Webseite angezeigt oder ausgeblendet werden. Dies kann durch Anzeige oder Sichtbarkeit erreicht werden. Verstehen Sie den Unterschied zwischen Anzeige und Sichtbarkeit anhand des folgenden Beispiels. Der einfache Beispielcode lautet wie folgt:

Kopieren Sie den Code

Der Code lautet wie folgt:

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'; 🎜>}

display: Die Position des Elements ist nicht belegt

DIV 1

DIV 2

;
ist noch besetzt

DIV 3

versteckt;">DIV 4< /div>