Posterior a investigar con expertos en el tema, programadores de deferentes áreas y profesores dimos con la respuesta al dilema y la dejamos plasmada en esta publicación.
Solución:
Porque su secuencia de comandos se ejecuta ANTES de que exista la etiqueta en la página (en el DOM). Coloque el script después de la etiqueta o espere hasta que el documento se haya cargado por completo (utilice una función OnLoad, como la jQuery ready() o http://www.webreference.com/programming/javascript/onloads/)
Esto no funcionará:
Esto funcionará:
Este ejemplo (enlace jsfiddle) mantiene el orden (primero el script, luego la etiqueta) y usa un onLoad:
Has probado .innerText o .value en vez de .innerHTML?
Porque un elemento de etiqueta no se carga cuando se ejecuta un script. Intercambie los elementos de etiqueta y script, y funcionará:
Si te gusta este mundo, tienes la habilidad dejar un post acerca de qué te ha gustado de este ensayo.