<!-- HTMLコード --> <div id="list-item"> <li class="test">1</li> <li class="test">2</li> <li class="test">3</li> </div> // 監視ターゲットの取得 const target = document.getElementById('list-item') // オブザーバーの作成 const observer = new MutationObserver(records => { // 変化が発生したときの処理を記述 console.log("感知") }) // 監視の開始 observer.observe(target, { attributes: true, subtree: true, }) subtreeとchildListの違い subtree 対象ノードとその子孫ノー