ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML要素を表示および非表示にする方法

HTML要素を表示および非表示にする方法

coldplay.xixi
リリース: 2021-04-26 10:23:10
オリジナル
6089 人が閲覧しました

HTML 要素を表示および非表示にする方法: 1. div の可視性によって div の表示と非表示を制御できますが、非表示にした後はページが空白になります; 2. 表示属性を設定すると、占有された要素が表示されます。ページスペースは、div を非表示にした後に解放できます。

HTML要素を表示および非表示にする方法

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

HTML 要素を表示および非表示にする方法:

1. div の表示と非表示は div の表示と非表示を制御できますが、非表示にした後はページが空白で表示されます。

  style="visibility: none;"
 
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
 
  document.getElementById("typediv1").style.visibility="visible";//显示
 
    $("#divid").css("vicibility","hidden")
 
    $("#divid").css("vicibility","visible")
ログイン後にコピー

2. 次のように、display 属性を設定することで div を非表示にし、占有されているページ スペースを解放できます。

 style="display: none;"
 
  document.getElementById("typediv1").style.display="none";//隐藏
 
  document.getElementById("typediv1").style.display="";//显
 
    $("#divid").css("display","none");
 
    $("#divid").css("display","");
ログイン後にコピー

#関連学習の推奨事項:

html ビデオ チュートリアル

以上がHTML要素を表示および非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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