querySelectorAll ne se met pas à jour après l'ajout d'une DIV

JohnEC
Javascript

EDIT résolu

J'ai finalement réussi en injectant directement le querySelectorAll dans ma fonction qui affichait les notifications !

Bonjour,

Voila je rencontre un petit problème, je suis en train de créé un systeme de notification et j'aimerais pouvoir fermer une notification avec un bouton

Problème

Lorsque j'ajoute une div .notification depuis une requete Axios, mon querySelectorAll déjà présent qui récupèrent les boutons de notifications déjà présent ne se met pas à jour et mon bouton ne marche pas :s

** PS: J'avais fait une version jquery qui fonctionnait bien mais je veux faire en Vanilla JS

Je récupère mes boutons de fermeture avec une boucle

let buttonsCloseNotif = document.querySelectorAll('#notif-close');
for (let i = 0; i < buttonsCloseNotif.length; ++i) {
    let buttonClose = buttonsCloseNotif[i];
    buttonClose.addEventListener('click', closeNotif);
    console.log('dzdzd');
}

Ma fonction close qui est appelé lors du click

const closeNotif = function (e) {
    e.preventDefault();
    let parent = this.closest('.notification-flash');
    parent.remove();
}

Donc je voudrais savoir comment mettre à jour mon querySelectorAll après la requète axios qui ajoute une div

Merci,
cordialement.

Aucune réponse