estoy viendo este error
TypeError no capturado: no se pueden leer las propiedades de nulo (leyendo 'parentElement') en (índice): 15 en Array.forEach () en IntersectionObserver. ((índice):12)
Aquí está el código:
<script>window.addEventListener('DOMContentLoaded', () => { const observer = new IntersectionObserver(entries => { entries.forEach(entry => { const id = entry.target.getAttribute('id'); if (entry.intersectionRatio > 0) { document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.add('active'); } else { document.querySelector(`nav li a[href="#${id}"]`).parentElement.classList.remove('active'); } }); }); document.querySelectorAll('div[id]').forEach((div) => { observer.observe(div); }); }); </script>El script funciona bien, pero ve errores en la consola. Por favor, hágame saber qué hacer.
QuerySelector devuelve un valor NULL, que no tiene la propiedad "parentElement".
Si no encontrar un elemento coincidente es el comportamiento esperado para su aplicación, deberá manejar esa situación o ajustar su consulta.
Tal vez esos elementos no estén en el DOM cuando se ejecutan las consultas.