Usando JS, estoy tratando de acceder a los elementos del documento para cambiar sus clases.
puedo
Pero no puedo acceder a propiedades como classList, nextElementSibling, etc., que es lo que debo hacer.
si lo intento
event.target.nextElementSibling.classList
me subo a la consola
Uncaught TypeError: Cannot read properties of null (reading 'classList')
Si dentro de mi función intento algo como
activeSubmenu = document.getElementsByClassName("submenu--active")[0]
y luego activeSubmenu.nextElementSibling
Recibo el mismo mensaje de error sobre no se pueden leer las propiedades de nulo. .Si registro activeSubmenu en la consola, obtengo un fragmento de HTML.
¿Qué estoy haciendo mal aquí? ¿Por qué no puedo agregar, eliminar y alternar las clases de mis elementos?
const submenues= Array.from(document.getElementsByClassName("wrapper")); submenues.forEach(submenu => { submenu.addEventListener('click', toggle_submenu); }); function toggle_submenu(event) { console.log(event); console.log(submenu_wrappers); console.log(event.target); let activeSubmenu = document.getElementsByClassName("submenu--active")[0]; if (activeSubmenu != null) { activeSubmenu.nextElementSibling.classList.toggle("submenu--active") } }