Wie schalte ich die Sichtbarkeit eines DIV-Elements mit einer Schaltfläche mithilfe von JavaScript oder jQuery um?

Sichtbarkeit eines DIV mit einer Schaltfläche umschalten

Sie haben ein DIV-Element mit der ID „newpost“, dessen Sichtbarkeit Sie umschalten möchten über eine Schaltfläche.

Bedenken Sie Folgendes, um dies zu erreichen Ansätze:

Reines JavaScript:

Implementieren Sie eine JavaScript-Funktion, um die Sichtbarkeit des DIV umzuschalten:

<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:

jQuery bietet eine übersichtliche Lösung mit toggle() Methode:

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

Das obige ist der detaillierte Inhalt vonWie schalte ich die Sichtbarkeit eines DIV-Elements mit einer Schaltfläche mithilfe von JavaScript oder jQuery um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!