ホームページ > ウェブフロントエンド > htmlチュートリアル > 表示または可視性による HTML 要素の非表示_HTML/Xhtml_Web ページの作成

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

WBOY
リリース: 2016-05-16 16:37:16
オリジナル
1977 人が閲覧しました

場合によっては、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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート