Debuger :"Cannot set property 'className' of null"

[Albuss]

Hola!

Tengo un problema al ejectar una funcion bastante sencilla :

Código:

Código Javascript:
document.getElementById('MyDiv').className = "ClaseDiv";
 

El debugger de la consola de javascript me lanza el siguiente error :

"Cannot set property 'className' of null"


La ID y la Clase EXISTEN, ¿que falla?

[rigobcastro]

Muestra el código con todo y HTML, es para ver donde estás poniendo el javascript, si lo pones antes de los DIV obviamente no existiran para el JS ya que el DOM se lee de arriba a abajo...

[Albuss]

Es un archivo externo .JS que mediante src lo meto en el head, es decir, como se tiene que hacer xD

[rigobcastro]

El problema es que te falta decir que ese código lo ejecutarás cuando la página cargue, lo primero que se carga es el script externo que dices, por el renderizado del DOM...

Usa OnLoad de javascript Nativo que en jQuery seria $.ready();

Código Javascript:

function init() {
document.getElementById('MyDiv').className = "ClaseDiv";
}
window.onload = init;
 

Saludos y te recomiendo jQuery..

[Albuss]

No, a ver. ...

No me interesa ejecutarlo al inciar la caga, Esa funcion es par aun evento determinado, en concreto para un onclic. Este evento es llamado dentro del Div ID al que llamo en la funcion.

Cuando lanzo ese evento, el debugger me da ese error.

[zerokilled]

¡buenas!
tienes dos opciones, asignas el evento al elemento desde el onload o en lugar de cargar el script en HEAD lo cargas al final del documento, antes de </body>. te recuerdo lo que se te señalo en un tema anterior, no puedes obtener la referencia del elemento cuando el navegador aún no ha creado el elemento.

[Albuss]

Si, lo se, pero lo preocupante es que me sigan dando errores cuando utilizo scripts del head durante eventos que ocurren después de que se haya cargado la pagina.

[zerokilled]

intenta desde la consola obtener el elemento. si te devuelve null, quiere decir que haz escrito mal el identificador o no existe en ninguno de los elementos. pon todo el codigo en jsfiddle.net.