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.
Parabéns pelo artigo… bem explicativo, vou utilizar essa dica…!
Muito bem explicado.Obrigada
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.
Era exatamente o que estava tentando fazer mas não conseguia. Obrigado 🙂