Web Sites com Ajax
JavaScript
Método getElementById
Provavelmente o método mais utilizado no DOM seja o getElementById. Sua função simplesmente retorna o elemento cujo atributo ID foi especificado. Caso o elemento não exista ou o ID informado seja incorreto ele retornará null.
É importante lembrarmos que somente um objeto pode conter um ID específico, ou seja, não podem existir dois objetos em uma página com o mesmo valor de um atributo ID.
Considere o seguinte campo de um formulário:
<input type="text" id="nomeContato" name="nomeContato" ...
Para acessarmos o valor digitado nesse campo de texto em JavaScript procederemos assim:
document.nomeForm.nomeContato.value
Ou seja, precisamos declarar document mais o nome do formulário em que o campo se localizada e o seu nome espeficado no atributo name.
Se utilizarmos o método getElementById, podemos acessá-lo assim:
document.getElementById('nomeContato').value
Assim, ao invés de informarmos toda a localização do objeto, dizemos apenas o seu atributo ID ao método getElementById.
Por exemplo: imagine uma pessoa solicitando seu endereço e, ao invés de você informar rua, bairro, cidade, estado, você informar apenas o seu CEP e o seu número.
Na página Método: getElementById existem dois scripts de exemplos, um em JavaScript e outro utilizando o método getElementById do DOM.
Detalhe importante: getElementById é diferente de getelementbyid ou getElementbyId e por aí vai. Caso você escreva o nome errado será retornado um erro. Por exemplo: document.getelementByid não é uma função.
