0

Error ocultando divs con javascript. ¿Cómo lo soluciono?

Hola. Intente ocultar unos divs con javascript y me apareció un error en la consola --> "Uncaught TypeError: Cannot set property 'display' of undefined". No sé como solucionarlo, puede que sea algo muy básico pero necesito soluciones Hice algo rápido para mostrar mi problema. Lo dejó aquí abajo. ---> https://code.sololearn.com/W4073JUYHK7k <--- En este, lo que quiero es que dependiendo del valor de la variable nP debe mostrarse un solo div y los otros deben ocultarse.

2nd Nov 2020, 12:46 AM
LK_Goota
LK_Goota - avatar
1 Respuesta
+ 5
El primer problems es que estas tratando de acceder a un elemento del DOM cuando no se ha cargado aun, .getElementsByClassName retorna undefined si no encuentra ningún elmento, lo que pues hacer es poner el código dentro de una función y luego ejecutarla cuando cargue la pagina, puedes usar window.onload = tuFuncion; El segundo problema es que estas usando .getElemntsByClassName es decir que estas obteniendo todos los elementos con un nombre de clase dado es decir que te devolverá un array, puedes solucionarlo de dos formas una es obteniendo el primer elemento del arreglo asi: document.getElementsByClassName("p1")[0] Y la otra forma es usando document.querySelector Te dejo el código aquí https://code.sololearn.com/WWDVvUdRhWcG/?ref=app
2nd Nov 2020, 1:53 AM
CoffeeByte
CoffeeByte - avatar