Jump to content


Photo

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


  • Faça o login para participar
1 reply to this topic

#1 shogun89

shogun89

    Normal

  • Usuários
  • 91 posts
  • Sexo:Masculino
  • Localidade:marilia

Posted 04/02/2015, 16:54

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>
  • 0
  •  
  •  

 



#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 04/02/2015, 23:54

Utilize window.onload e coloque o script dentro.

window.onload = function()
 {
 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; } ;





0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq