Quizá se deba a que incluyes al archivo JS antes del cuerpo del documento. Como el código se ejecuta desde arriba hacia abajo, al no estar definidos los elementos del documento, la línea de código en la que tomas al elemento por su identificador, no surte efecto alguno.
Para evitar esto, tienes dos opciones: incluye al archivo JS justo antes de la etiqueta
</body>, es decir, después de todos los elementos del documento o cuando estos hayan cargado, para lo cual necesitas utilizar el evento
DOMContentLoaded:
Código Javascript
:
Ver originaldocument.addEventListener("DOMContentLoaded", function(){
//Todo el código JS en donde interactues con los elementos del documento
}, false);
Un saludo