表示または可視性による HTML 要素の表示と非表示_HTML/Xhtml_Web ページの作成

場合によっては、Web ページ内の HTML 要素を特定の条件に基づいて表示するか非表示にするかを制御する必要があります。これは、表示または可視性によって実現できます。次の例を通して、表示と可視性の違いを理解してください。簡単なコード例は次のとおりです。

コードをコピーします

コードは次のとおりです。

HTML 要素の表示と非表示を制御します type="text/javascript ">
function showAndHidden1(){
var div1=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'; 🎜>}

要素の位置が占有されていません

DIV 1

DIV 2

> ;

要素の位置はまだ占有されています

DIV 3

DIV 4