Mutation Betrachter nicht erkennt-element dem dom entfernen

So, ich dachte, das war ziemlich straight forward, es verwendet werden, um eine DOMNodeRemoved Ereignis, aber das ist deprecated, stattdessen MutationObserver verwendet werden soll, die Sache ist die, es nicht Feuer, auch mit der entsprechenden Konfiguration.

Laut diesem Artikel über die Migration von mutierend Veranstaltungen mutation Beobachter der Konfiguration zu erkennen dom entfernen eines Knotens ist { childList: true, subtree: true }, und das passt ihm childList ist obligatorisch und subtree heißt, es wird ein capture Mutationen, um nicht nur den Gegner, sondern auch Ziel-die Nachkommen sind zu beachten nach der mdn-Artikel.

Sowieso, habe ich eine jsfiddle das problem, es ist ziemlich straight-forward, die <button> entfernt die <div> und der Betrachter sollte sich die mutation von Datensätzen, aber nicht, sehen, wenn Sie es herausfinden 🙂

HTML

<div>Oh my god karen, you can't just ask someone why they're white.</div>
<button>^Remove</button>

JavaScript

div = document.querySelector("div");
callback = function(records){
    console.log(records);
}
config = {
    childList:true,
    subtree:true
}
observer = new MutationObserver(callback);
observer.observe(div,config);

button = document.querySelector("button");
button.addEventListener("click",function(){
    div.parentNode.removeChild(div);
});

Dank!

  • Ich mag DOMNodeRemoved ) Es scheint, dass ein Fall, wo sollten wir lieber den IE nutzen everytime )))
InformationsquelleAutor undefined | 2015-02-19
  1. 10

    Wie die Namen bereits andeuten childList erfasst nur änderungen an der Liste der unmittelbar untergeordneten Elemente eines beobachteten Knotens und die subtree erweitert alle genannten Kriterien auf alle Nachkommen (es tut nichts auf eigene).

    Aber Sie tun weder. Sie entfernen den beobachteten Knoten selbst, wobei seine Nachkommen unverändert.

    Einfach die Beobachtung div.parentNode stattdessen sollte Ihr problem lösen.

    • Hi, ja ich dachte, das wäre es, gibt es keine andere Möglichkeit? Scheint wie eine überteuert Methode, wenn die Eltern die 1000 untergeordneten Elemente zu überprüfen, auf alle von Ihnen nur für einen.
    • wenn Sie nur beobachten childList Sie hätte zu tun, viele Mutationen auf, die 1000 Knoten lange Liste sich für Sie zu teuer werden. und wenn Sie das wirklich tun (was merkwürdig ist), könnten Sie noch wickeln Sie es in einem anderen Knoten nur für den Zweck der Beobachtung
    • Ja, es war einen überhöhten Beispiel, und die Verpackung in einem anderen Knoten scheint wie eine Coole Lösung, danke dir! Ich werde markieren Sie diese als beantwortet.
    • Vielen Dank für die Idee! Aber ich habe keine Eltern, weil ich das element dynamisch und zurück zu unbekannte Sache von framework. Ich bin Implementierung von render - Funktion für VirtualDom ( MutationObserver immer noch schlecht API zu mir (((
    • Wird nicht funktionieren, wenn der Elternteil selbst entfernt werden. Sie sollten beachten document.body mit childList und subtree Optionen. Allerdings, ich weiß nicht, wie groß die Auswirkungen auf die Leistung haben wird.
    InformationsquelleAutor the8472
Schreibe einen Kommentar