JavaScript: getElementById (Exemplo)

Vamos ao primeiro exemplo de utilização da função getElementById.

<html>
<head>
<script type="text/javascript">
function verificaCampo(){
   var v_campoTexto = document.getElementById('campoTexto');
   if(v_campoTexto.value != "")
      alert("Você digitou: " + v_campoTexto.value)
   else
      alert("Por favor, preencha o campo!")		
}
</script>
</head>
<body>
   <input type="text" id="campoTexto" style="border:#FF0000 solid 2px" />
   <input type="button" onclick="verificaCampo()" value="Verificar Campo" style="background-color:#000000;color:#FFFFFF"/>
</body>
</html>

Resultado:



 

Campo de texto: id = campoTexto.
Botão: evento onclick chama função verificaCampo().
Função verificaCampo(): atribui o valor do campo de texto a uma variável. Depois é verificado se o valor obtido é diferente de “branco”. Conforme o conteúdo da variável é exibido uma mensagem através do método Alert.

4 comentários em “JavaScript: getElementById (Exemplo)

  • 27 de outubro de 2014 em 16:20
    Permalink

    Gostaria de saber como deve ser feito o envio da variável var v_campoTexto = document.getElementById(‘campoTexto’); para a mesma página e nesta página salvar em uma variável.

    Resposta
  • 6 de junho de 2018 em 19:45
    Permalink

    Era exatamente o que estava tentando fazer mas não conseguia. Obrigado 🙂

    Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *