我陷入了交叉路口觀察者問題。使用document.querySelectorAll('.entry')會引發 TypeError：“未捕獲的 TypeError：無法在 'IntersectionObserver' 上執行 'observe'：參數 1 不是 'Element' 類型?！备膁ocument.querySelectorAll('.entry');為document.querySelector('.entry');解決問題并且有效。我究竟做錯了什么？基本的 HTML 結構：<html><body> <div id="content-container"> <div class="content"> <div class="entry">Some content here on each entry</div> <div class="entry"></div> <div class="entry"></div> <div class="entry"></div> <div class="entry"></div> <div class="entry"></div> </div></div></body</html>JavaScript：const blog = document.querySelectorAll('.entry');const options = { root: null, rootMargin: '0px',};const observer = new IntersectionObserver(function(entries, observer) { entries.forEach((entry) => { if (!entry.isIntersecting) { return; } else { console.log(entry); } });}, options);observer.observe(blog);
使用 querySelectorAll 的 Intersection Observer 引發
飲歌長嘯
2022-06-16 10:08:33
