Heim  >  Artikel  >  Web-Frontend  >  So machen Sie ein Element in HTML unsichtbar

So machen Sie ein Element in HTML unsichtbar

青灯夜游
青灯夜游Original
2021-10-11 11:42:149399Durchsuche

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.

So machen Sie ein Element in HTML unsichtbar

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn