Usando JS, estoy tratando de acceder a los elementos del documento para cambiar sus clases.

puedo

• seleccione los elementos y colóquelos en una matriz, usando getElementsByClassName
• aplicar un detector de eventos a todo el lote
• cree una función para que se dispare ese detector de eventos.
• registrar todos los elementos
• registrar el evento de clic
• use console.dir para ver las propiedades del documento

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") } }