MutationObserverでDOMの変更を感知する

Reactなどの MVVWフレームワークの登場でVanillaJSであまり使われなくなったが、便利なAPI。
例えばClass属性の変化を感知したい場合は下記のようにする。

const observer = new MutationObserver(records => {
  records.forEach(record => {
    console.log(record.target);
    observer.disconnect();
  });
});
observer.observe(document.querySelector('#target'), {
  attributes: true,
  attributeFilter: ['class'],
});