Heim >Web-Frontend >CSS-Tutorial >Wie kann ich ein DIV-Element per Knopfdruck ein- oder ausblenden?
Frage:
Wie kann ich ein DIV ein- oder ausblenden? wenn ein Knopf ist angeklickt?
Antwort:
Um die Sichtbarkeit eines DIV mit einer Schaltfläche umzuschalten, können Sie entweder JavaScript oder jQuery verwenden.
Mit reinem JavaScript:
Rufen Sie einen Verweis auf die Schaltfläche ab Element:
var button = document.getElementById('button');
Definieren Sie eine Funktion zum Umschalten der Sichtbarkeit:
button.onclick = function() {
Rufen Sie einen Verweis auf das DIV-Element ab:
var div = document.getElementById('newpost');
Überprüfen Sie, ob der DIV aktuell ist angezeigt:
if (div.style.display !== 'none') {
Sichtbarkeit entsprechend umschalten:
div.style.display = 'none'; // Hide } else { div.style.display = 'block'; // Show } };
Mit jQuery:
Wählen Sie die Schaltfläche aus und binden Sie ein Klickereignis Handler:
$("#button").click(function() {
Wählen Sie das DIV aus und schalten Sie seine Sichtbarkeit um:
$("#newpost").toggle(); });
Das obige ist der detaillierte Inhalt vonWie kann ich ein DIV-Element per Knopfdruck ein- oder ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!