Heim > Artikel > Web-Frontend > Wie schalte ich die Sichtbarkeit eines DIV-Elements mithilfe einer Schaltfläche um?
Sichtbarkeit eines DIV-Elements mithilfe einer Schaltfläche umschalten
Frage: Können Sie mir bei der Erstellung einer Umschaltschaltfläche helfen? das die Sichtbarkeit eines DIV-Elements steuert?
Lösung: Um dies zu erreichen, können wir je nach Implementierungssprache verschiedene Ansätze verwenden. Hier sind zwei gängige Methoden:
Reines JavaScript:
var button = document.getElementById('button'); // Assumes element with id='button' button.onclick = function() { var div = document.getElementById('newpost'); if (div.style.display !== 'none') { div.style.display = 'none'; } else { div.style.display = 'block'; } };
jQuery:
$("#button").click(function() { // assumes element with id='button' $("#newpost").toggle(); });
Diese Lösungen verwenden einfache Ereignishandler zum Umschalten der „Anzeige“-Eigenschaft des DIV-Elements, sodass es je nach Schaltflächenklick des Benutzers ausgeblendet oder sichtbar gemacht wird.
Das obige ist der detaillierte Inhalt vonWie schalte ich die Sichtbarkeit eines DIV-Elements mithilfe einer Schaltfläche um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!