HTMLで要素を非表示にする方法

html要素を非表示に設定する方法: 1. 要素タグに hidden 属性を追加します。 2. 要素タグの style 属性を使用して、「display:none」スタイルを設定します。 3.要素タグのstyle属性 「visibility:hidden」スタイルを設定します。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

#HTML で要素を非表示にする方法は 3 つあります。

hidden 属性を使用します
• style 属性を使用して display:none を設定します
• style 属性を使用する 可視性を設定する: false

明らかに、要素を非表示にする方法は 2 つあります。

要素を完全に非表示にする方法と、要素を非表示にしない方法があります。スペースを占有し、消えてしまったように見えます
• 要素は表示されませんが、見えないかのように元のスペースを占有します

隠し属性を使用します

<div hidden>hello</div>

hidden 属性を使用すると、DOM をレンダリングするときに、要素の表示属性が自動的に none に変更されます。ここでは、hidden 属性の唯一の使用方法に注意してください。hidden 属性を初めて追加するときに、表示を none に変更するだけです。将来、表示属性がブロックに変更された場合でも、非表示属性はそのまま残ります。

hidden と display=none の効果は同じであることがわかります。しかし、それはディスプレイほど直接的かつ根本的なものではありません。したがって、今後はhidden属性を使用せず、スタイルでdisplay属性に直接アクセスしてください。

style 属性を使用して display:none を設定します

style の display=none を使用すると、要素が跡形もなく完全に消えてしまいます。アップスペース。

<div style="display:none">hello</div>

style 属性を使用して Visibility=hidden を設定します

スタイルで Visibility=hidden にすると、要素は非表示に見えますが、はまだ元のスペースを占有しています。

<div style="visibility:hidden">hello</div>

推奨チュートリアル: "

html ビデオ チュートリアル "

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