W3.JS Verstecken & Anzeigen
w3.hide(selector)
Ausblenden von Elementen mithilfe der Element-ID
Um ein Element mit einer bestimmten ID auszublenden, verwenden Sie ein Hash-Tag (#) vor dem ID-Namen.
Verstecke ein Element mit id="London":
Beispiel
<button onclick="w3.hide('#London')">Hide</button>
Ausblenden von Elementen unter Verwendung des Tag-Namens
Um alle Elemente mit einem bestimmten Tag-Namen auszublenden, verwenden Sie den Tag-Namen (ohne < und >) als Selektor.
Alle <h2>-Elemente ausblenden:
Beispiel
<button onclick="w3.hide('h2')">Hide</button>
Ausblenden von Elementen unter Verwendung des Klassennamens
Um alle Elemente mit einem bestimmten Klassennamen auszublenden, verwenden Sie einen Punkt (.) vor dem Klassennamen.
Elemente mit class="city" ausblenden:
Beispiel
<button onclick="w3.hide('.city')">Hide</button>
Elemente mit Element-ID anzeigen
Um ein Element mit einer bestimmten ID anzuzeigen, verwenden Sie ein Hash-Tag (#) vor dem ID-Namen.
Ein Element mit id="London" anzeigen:
Beispiel
<button onclick="w3.show('#London')">Show</button>
Elemente mit Tag-Namen anzeigen
Um alle Elemente mit einem bestimmten Tag-Namen anzuzeigen, verwenden Sie den Tag-Namen (ohne < und >) als Selektor.
Alle <h2>-Elemente anzeigen:
Beispiel
<button onclick="w3.show('h2')">Show</button>
Elemente mit Klassennamen anzeigen
Um alle Elemente mit einem bestimmten Klassennamen anzuzeigen, verwenden Sie einen Punkt (.) vor dem Klassennamen.
Elemente mit class="city" anzeigen:
Beispiel
<button onclick="w3.show('.city')">Show</button>
Schalten Sie Ausblenden/Anzeigen um
w3.toggleShow(selector)
Ein-/Ausblenden mithilfe der Element-ID umschalten
Zwischen dem Ausblenden und Anzeigen eines Elements mit id="London" umschalten:
Beispiel
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Schalten Sie das Ein- und Ausblenden mithilfe des Tag-Namens um
Umschalten zwischen Ausblenden und Anzeigen aller <h2>-Elemente:
Beispiel
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Schalten Sie das Ein- und Ausblenden mithilfe des Klassennamens um
Mit class="city" zwischen dem Ein- und Ausblenden von Elementen umschalten:
Beispiel
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>