Problemas na alteração de conteúdo de elementos HTML

Pessoal gostaria de saber por que o javaSript abaixo não consegue fazer a mudança no conteúdo interno da tag h1, estando dentro do head, por que quando eu coloco o script dentro no final da tag body ele faz o que eu gostaria de fazer, mas nem estando na head e nem fazendo a linkagem ele funciona. O objetivo aqui seria mostrar um solitição de texto como entrada e aplicar isso dentro da tag h1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script type="text/javascript">
            msg = prompt("Olá Convidado, insira o seu nome :");


            if (msg == "") {
                alert("Insira um nome ...");
            } else if (msg == null) {
                alert("Não clique em cancelar ...");
            } else {
                alert("Bem vindo " + msg + " !!");
                document.getElementById("mainHeader").innerHTML = "Formulario de " + msg;
            }


        </script>
    </head>


    <body>
        <h1 id="mainHeader"></h1><br/>
    </body>
</html>

#1 shogun89

#2 Danilomaru

1 user(s) are reading this topic

Problemas na alteração de conteúdo de elementos HTML

#1 shogun89

#2 Danilomaru

1 user(s) are reading this topic

Entrar