Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

portaWix

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

Por , em Javascript

Recommended Posts

portaWix    0

portaWix
Postado
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/xhtml1/DTD/xhtml1-transitional.dtd">


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

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

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;
    }
};

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito