So machen Sie ein Element in HTML unsichtbar

So legen Sie unsichtbare Elemente in HTML fest: 1. Fügen Sie das versteckte Attribut im Element-Tag hinzu. 2. Verwenden Sie das style-Attribut im Element-Tag, um den Stil „display:none“ festzulegen. 3. Verwenden Sie das style-Attribut im Element Tag, um den Stil „Sichtbarkeit: ausgeblendet“ festzulegen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Es gibt drei Möglichkeiten, Elemente in HTML unsichtbar zu machen:

• Verstecktes Attribut verwenden
• Stilattribut verwenden, um die Anzeige festzulegen: keine
• Stilattribut verwenden, um die Sichtbarkeit festzulegen: falsch

Natürlich gibt es zwei Möglichkeiten, dies zu tun Elemente unsichtbar:

• Das Element ist vollständig unsichtbar, das Element nimmt den Raum nicht ein, als ob es verschwunden wäre
• Das Element ist unsichtbar, aber es nimmt immer noch den ursprünglichen Raum ein, als ob es unsichtbar wäre

Verwenden Sie das versteckte Attribut

<div hidden>hello</div>

Verwenden Das versteckte Attribut bewirkt, dass das Anzeigeattribut des Elements beim Rendern des DOM automatisch in „Keine“ geändert wird. Beachten Sie, dass das versteckte Attribut nur hier verwendet wird: Ändern Sie einfach die Anzeige auf „Keine“, wenn Sie das versteckte Attribut zum ersten Mal hinzufügen. Auch wenn sich das Anzeigeattribut in Zukunft in „Block“ ändert, wird das ausgeblendete Attribut weiterhin vorhanden sein.

Es ist ersichtlich, dass „hidden“ und „display=none“ den gleichen Effekt haben. Aber es ist nicht so direkt und grundlegend wie die Anzeige. Verwenden Sie daher in Zukunft das ausgeblendete Attribut nicht mehr und greifen Sie stilvoll direkt auf das Anzeigeattribut zu.

Verwenden Sie das Style-Attribut, um display:none festzulegen.

Das display=none im Style kann dazu führen, dass ein Element vollständig spurlos verschwindet und keinen Platz einnimmt.

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

Verwenden Sie das Stilattribut, um Sichtbarkeit=versteckt festzulegen

Wenn Sichtbarkeit=versteckt im Stil ist, scheint das Element unsichtbar zu sein, aber es nimmt immer noch den ursprünglichen Platz ein.

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

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo machen Sie ein Element in HTML unsichtbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!