Die MutationObserver API kennenlernen

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

MutationObserver beobachtet das DOM, insbesondere die von Ihnen angegebenen Stellen, wie z. B.

document.querySelector('#watch-this');

…und es kann Ihnen mitteilen (einen Callback auslösen), wenn Dinge passieren – z. B. wenn ein Kind hinzugefügt, entfernt oder geändert wird, oder eine Reihe anderer Dinge.

Ich habe sie erst kürzlich verwendet, um das <head> eines Pens zu beobachten und neu eingefügten, verarbeiteten Sass-Code zu erkennen. So können Sie CodePen verwenden, um Sass und CSS nebeneinander anzuzeigen

Sehen Sie den Pen
Sassmeister-Klon
von Chris Coyier (@chriscoyier)
auf CodePen.

Direkter Link →