DOM構造の変化を監視する
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.type === 'childList') {
console.log('子要素が変化:', mutation.addedNodes);
}
});
});
observer.observe(targetNode, {
childList: true,
attributes: true,
subtree: true, // 子孫も監視
});
observer.disconnect(); // 監視停止setIntervalでDOMの変化をポーリングするより効率的。サードパーティスクリプトの変更を検知する際にも使われる。