observerを用いて特定の要素を監視したいのですが、ページ読み込み直後にはその要素が存在していないため、var target = document.querySelector('ul[id="item-grid"]');
として要素を取得し、その値がnull
だったなら繰り返し処理をさせるというように書きました。
function LW() {
var target = document.querySelector('ul[id="item-grid"]');
if ( target === null ) {
setTimeout( LW, 500 );
return;
}
var observer = new MutationObserver(records => {
console.log("TEST");
})
observer.observe(target, {childList: true})
}
LW()
その後、要素が見付かり次第observerを実行させたいのですが、この書き方だとどうもうまく動作しません。
恐らくLW()
が閉じるタイミングで動作が終了してしまっているからだと思います。
どのように記述すればページの読み込みが完了した段階でobserverを発火出来るのか教えて頂けると幸いです。