Método HTML DOM getElementById()
Definição e uso
O método getElementById() retorna uma referência ao primeiro objeto que possui o ID especificado.
Sintaxe
document.getElementById(id)
Explicação
O HTML DOM define várias maneiras de encontrar elementos, além do getElementById(), como getElementsByName() e getElementsByTagName().
No entanto, se precisar encontrar um elemento específico no documento, o método mais eficaz é getElementById().
Ao operar em um elemento específico do documento, é melhor atribuir um atributo id a ele, especificar um nome único (no documento) e, em seguida, usar esse ID para encontrar o elemento desejado.
Exemplo
Exemplo 1
<html>
<head>
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
</body>
<h1 id="myHeader" onclick="getValue()">Este é um cabeçalho</h1>
<p>Clique no cabeçalho para alertar seu valor</p>
</body>
</html>
Exemplo 2
getElementById() é um método importante, muito usado no design de programas DOM. Definimos uma função de ferramenta para que você possa usar o método getElementById() com um nome mais curto:
function id(x) {
if (typeof x == "string") return document.getElementById(x);
return x;
}
Essa função aceita o ID do elemento como seus parâmetros. Para cada um desses parâmetros, você pode simplesmente escrever x = id(x) antes de usá-lo.
