JSFiddle - React, Tailwind, and code Playground
HTML
<div id="parent"></div>
<button id="ajout">Ajouter un élément</button>
CSS
#parent{
height: 200px;
background-color: gold;
}
#enfant{
margin: 5px;
cursor: pointer;
background-color: silver;
}
JavaScript
document.getElementById('ajout').onclick = function(){
document.getElementById('parent').innerHTML = '<span id="enfant">Elément enfant ajouté dynamiquement</span>';
};
document.getElementById('parent').addEventListener('click', function(e){
var initElem = e.target;
if(initElem.id == 'enfant'){
alert('Vous avez cliqué !');
}
});