div que se oculta y muestra con js solicito su ayuda en lo siguiente, de antemano muchas gracias:
tengo un div con un valor para el atributo id
tengo una función en js que obtiene el atributo display del div
si el atributo display es none, entonces lo hace block para hacer el div visible
si el atributo display del div es block, entonces lo cambia a none para hacer el div no visible
la funcion js es llamada con el evento onclick que se ejecuta al hacer clic sobre un enlace
el problema sucede cuando la página se carga por primera vez, pues el div en ese momento esta invisible, con display none el cual es especificado en el archivo css
entonces hasta ahí todo va bien, luego hago clic en el enlace y no me muestra el div
para que lo muestre debo hacer clic una vez más.
lo que pude evidenciar, con la siguiente sentencia dentro de la funcion js que muestra y oculta el div:
sentencia:
alert (document.getElementById(capa).style.display);
fue que luego de cargar la pagina web, y llamar por primera vez la función, el atributo display no tiene valor alguno, pero me parece extraño porque el css si se carga.
¿por qué sucede que cuando se llama por primera vez la anterior sentencia para un elemento de la pagina como es el caso del div, su valor de display se muestra vacío?
