Discussion :

[thejocker9]

Bonjour � tous,

Je vous solicite car je suis face a un myst�re que je ne comprend pas.
Voici le code exemple
HTML

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
  <div id="parent">
    <div id="enfant">Enfant</div>
  </div>

Le js

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
var enfant = document.getElementById('enfant');
var parent = document.getElementById('parent');
 
enfant.addEventListener('click', function(){
  alert();
}, false);
 
parent.innerHTML+='<div>ajout</div>';

Question : Pourquoi un innerHTML sur le parent fait saut� l'event sur l'enfant.
Je ne cherche pas de solutions, je cherche � comprendre pourquoi (sp�cificit� du dom, des events, ....).
Merci par avance aux gens se penchant sur le probl�me.

Le code sur CodePen => http://codepen.io/anon/pen/PqEjXK

[melka one]

jour

quand on fait

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

parent.innerHTML+='<div>ajout</div>';

sa revient au meme que

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

parent.innerHTML=parent.innerHTML+'<div>ajout</div>';

tu copie le html du parent sans les evenements que tu r�-inserre avec le html suplementaire en �crasant l'ancien html

en gros tu remplace le html et les evenements associer par du html sans evenements

[thejocker9]

c'est bien se que je pensait, merci pour cette r�ponse rapide et �xplicite.