• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

170
Vistas
No se pueden modificar las propiedades de los elementos DOM

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

registros de la consola

almost 3 years ago · Santiago Gelvez
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda