Je suis sur le point de savoir comment être informé sur l'élément a été ajouté à ma Div.
L'élément de style est ajouté par composant tiers et je sais juste dans quel élément sera ajouté. Je suis capable de retrouver cela avec DevTools avec Dom BreakPoint sur mon DIV, mais c'est probablement une caractéristique interne de Chrome.
Y a-t-il une façon d'écouter sur l'événement tiré sur la modification directe des sous-armes? Quelque chose comme ça:
J'ai trouvé des informations sur mutationObserver dans le doc. Est-ce la voie à suivre? Pouvez-vous me fournir un exemple? document.getelementByID ("My-DIV"). AddeventListener ("modification de sous-traition", fonction (événement) {... Mon gestionnaire d'événements});
3 Réponses :
Comme vous le mentionnez, cela peut être fait à l'aide d'un MutationObserver code> :
p>
<div id="target">Initial content.</div>
Un mutationobserver fonctionnera. (En revanche, les événements de mutation via P> AddeventListener CODE> sont obsolètes et lents, préférables pour les éviter.) Par exemple:
{ childList: true, subtree: true }
Voici un exemple d'utilisation, c'est simple mutationObserver Qui regardez sur Supprimer / Ajouter des éléments, note que j'ai utilisé Settimeout pour supprimer p>
<div id="someElement">
<ul id="ulElm">
<li> element 1 </li>
<li id="el2"> element 2 </li>
<li> element 3 </li>
<li> element 4 </li>
</ul>
</div>