Wie kann ich den Inhalt eines Divs mit JavaScript beim Klicken auf eine Schaltfläche löschen?

Div-Inhalt mit JavaScript löschen

Um den Inhalt aus einem Div zu entfernen, wenn ein Benutzer auf eine Schaltfläche klickt, führen Sie die folgenden Schritte aus:

Erstellen der Clear-Funktion

1. Definieren Sie eine JavaScript-Funktion um den Inhalt des Div zu löschen, normalerweise innerhalb des Abschnitt:

function clearBox(elementID) {
    document.getElementById(elementID).innerHTML = "";
}

Verbinden der Schaltfläche

2. Fügen Sie der Schaltfläche ein Onclick-Ereignis hinzu, das die Löschfunktion auslöst:

<button onclick="clearBox('div_id')">Clear Div</button>

Ersetzen Sie div_id durch die tatsächliche ID des gewünschten Div klar.

jQuery-Beispiel (optional)

3. Für diejenigen, die jQuery verwenden, gibt es eine alternative Methode:

$('#div_id').html("");

Wenn Sie diese Schritte befolgen, können Sie den Inhalt eines Div einfach löschen, wenn auf eine Schaltfläche geklickt wird, und so eine dynamische Interaktion mit Ihrer Webseite ermöglichen.

Das obige ist der detaillierte Inhalt vonWie kann ich den Inhalt eines Divs mit JavaScript beim Klicken auf eine Schaltfläche löschen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!