Esto lo habré dicho unas 345234534 veces, pero parece que muy pocos lo han leído. Coloca el código JS justo antes de la etiqueta
</body>
para que pueda surtir efecto. Sucede que el código carga de arriba hacia abajo, entonces, del modo en que lo tienes, primero carga el código JS y luego los elementos restantes del DOM, por lo tanto, el código JS no afectaría a ninguno de ellos pues cuando éste cargó, dichos elementos aún no existían. Si colocas el código JS en el lugar que te indiqué, éste cargará luego de haber cargado los elementos, entonces, sí los afectará.
Código HTML:
Ver original<!DOCTYPE html>
<meta charset = "utf-8" /> <!-- Contenido del documento -->
<script type = "text/javascript"> //Código JavaScript
Saludos