Heim  >  Artikel  >  Web-Frontend  >  Wie schalte ich die DIV-Sichtbarkeit per Knopfdruck um?

Wie schalte ich die DIV-Sichtbarkeit per Knopfdruck um?

Susan Sarandon
Susan SarandonOriginal
2024-10-30 06:08:02280Durchsuche

How to Toggle DIV Visibility with a Button Click?

So schalten Sie die Sichtbarkeit eines DIV mit einer Schaltfläche um

Bei dieser Aufgabe geht es darum, die Sichtbarkeit eines DIV mit einem Klick auf eine Schaltfläche umzuschalten. Die folgenden Lösungen bieten umfassende Methoden, um diese Funktionalität zu erreichen:

Reines JavaScript:

In reinem JavaScript kann der folgende Code verwendet werden:

<code class="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';
    }
};</code>

jQuery:

Wenn jQuery verfügbar ist, ist eine prägnantere Lösung:

<code class="javascript">$("#button").click(function() { 
    // assumes element with id='button'
    $("#newpost").toggle();
});</code>

Das obige ist der detaillierte Inhalt vonWie schalte ich die DIV-Sichtbarkeit per Knopfdruck um?. 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