Ajax Inhalt aus DOM entfernen

Question

Ich habe in einem Modal Window mit Ajax ein Youtube Video eingebettet. Mit einem Button kann man das Modal schliessen. Das Problem ist das das Video im Hintergrund trotzdem weiterspielt. Wie kann ich das Video entfernen wenn das Modal geschlossen wird?

closeModalButtons.forEach(function(button) {
    button.addEventListener('click', function() {
        this.closest('.modal').style.display = 'none'; 
    });
});

Answer 1

Du kannst den Inhalt des Div entfernen, in welches du den Ajax Inhalt geladen hast. Wenn das Div z.B die Klasse modal-content hat oder sogar eine Id musst du das Div anhand dessen identifizieren.

this.closest('.modal-content').innerHTML = "";