Heim > Artikel > Web-Frontend > 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:
Natürlich gibt es zwei Möglichkeiten, dies zu tun Elemente unsichtbar:
Verwenden Sie das versteckte Attribut
ee3d63f9cbc9be5695d18b5080a3f00ahello16b28748ea4df4d9c2150843fecfba68
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!