getElementById() "is null"

Finseneu · #1 (**permalink**) 24/10/2010, 13:15

Tengo un script en el cual referencio un div en particular de esta forma:

Código Javascript:

Ver originalmy_div = document.getElementById("banner");

Todo funcionaba perfectamente hasta que tuve que generar dinámicamente la sección donde se encuentra dicho div (ahora esa parte la incluyo a través de PHP según el módulo seleccionado por el usuario).
Bien, a partir de ese momento el javascript dejó de funcionar, la consola de errores de firefox reporta "my_div is null".
No debería reconocerlo igualmente? Como solucionar este problema?

Muchas gracias desde ya.

zerokilled · #2 (**permalink**) 24/10/2010, 13:29

si el elemento no existe en el documento, javascript no tiene por que reconocerlo. por tanto, devuelve null porque no lo encuentra. la solucion, pues tienes al menos dos opciones: incluir el script que opera con ese div solo a traves del modulo -seria lo mas conveniente porque sino estarias cargando contenido innecesario-. o en la funcion que utilizas dicho elemento, determinar si existe el elemento antes de continuar procesando.

Finseneu · #3 (**permalink**) 24/10/2010, 13:35

Gracias zerokilled, ya habia intentado lo de incluir el js en el modulo, el problema que tengo con eso es que parte de ese codigo javascript lo disparo de esta forma:

Código HTML:

Ver original<body onload="mi_funcion()">

Entonces obviamente no reconoce la funcion.

Se puede salvar de alguna manera?

zerokilled · #4 (**permalink**) 24/10/2010, 13:45

claro! en lugar de crear el evento entre etiquetas html, crealo en el mismo javascript.

Código:

self.onload = mi_funcion;

te recomiendo que leas acerca de DOM Event Level 0.

Finseneu · #5 (**permalink**) 24/10/2010, 14:09

Muchas gracias lo voy a verificar