MutationObserver の使い方 まずは MutationObserver の使い方を簡単に紹介します。次のサンプルは span 要素のテキストの変更を検知して、変更前のテキストと変更後のテキストをコンソールに出力します。 // MutationObserver オブジェクトを生成 const observer = new MutationObserver((mutations) => { const rec = mutations[0]; // MutationRecord オブジェクト const before = rec.removedNodes[0].data; // 変更前のテキスト const after = rec.addedNodes[0].data; // 変更後のテキスト console.log('「' + before + '」が「' + after + '
![【JavaScript】DOM の変化を監視する MutationObserver – webfrontend.ninja](https://cdn-ak-scissors.b.st-hatena.com/image/square/51e6608cd505336b6a478ea8ec350a9e63d3a79c/height=288;version=1;width=512/https%3A%2F%2Fwebfrontend.ninja%2Fwp-content%2Fuploads%2F2021%2F10%2Ffacebook_image.png)