JS Dynamic monitor DOM changes

Native JS dynamically listens for DOM changes, binds different processing logic according to different types

Firefox and Chrome are prefixed with previous versionsvar mutationobserver =Window. Mutationobserver | |Window. Webkitmutationobserver | |Window. MozmutationobserverSelect Target Nodevar target =Document.queryselector (' #some-id ');To create an observer objectvar observer =New Mutationobserver (functionMutations)  {    mutations.foreach ( function (mutation)  {       console.log (mutation.type);     });       });      //   Configuration observation Options:   var config = {  attributes: true,  Childlist: true, characterdata: true }     //  incoming target node and observation options    observer.observe (target, config);      //  You can then stop observing   observer.disconnect ();          

Browser support situation:

Copyright belongs to the author.
Commercial reprint please contact the author for authorization, non-commercial reprint please specify the source.
Original: https://lcddjm.com/article/5a9fac195809d15ba1019710©www.lcddjm.com

JS Dynamic monitor DOM changes