ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでコントロールを非表示にする方法

HTMLでコントロールを非表示にする方法

藏色散人
藏色散人オリジナル
2021-05-12 11:27:224601ブラウズ

HTML コントロールを非表示にする方法: 1. "getElementById("typediv1").style.visibility="hidden";"; で非表示にします。 2. "style.display="none";" で非表示にします。

HTMLでコントロールを非表示にする方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

HTML コントロールの非表示

div の可視性によって div の表示と非表示を制御できますが、非表示にした後はページが空白になります:

  style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示

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

  style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显示

推奨学習: "html ビデオ チュートリアル "

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。