JavaScript - getElementById()
Referência prática da função getElementById()
Qualquer elemento HTML pode ter um atributo
id
. O valor desse atributo deve ser único dentro do documento - dois elementos no mesmo documento não podem ter a mesma identificação. Você pode selecionar um elemento com base nessa identificação exclusiva com o métodogetElementById()
do objeto document.David Flanagan em seu livro “JavaScript: O guia definitivo” pág. 354
<p>
<a id="sirius" href="sirius.html">Journey to the stars</a>
</p>
A função busca e retorna o elemento através de seu identificador, a propriedade id
.
var elementRef = document.getElementById("sirius");
Utilizando a propriedade value
Pensando em um controle HTML do tipo textbox, password ou uma textarea, poderemos utilizar a propriedade
value
, ela refere-se ao valor do campo.
var elem = document.getElementById("nome-identificador");
// Recuperando o valor:
console.log(elem.value);
// Alterando o valor:
elem.value = "outro texto qualquer";
Se não houver a necessidade de utilizar uma variável poderemos , então, acessar a propriedade diretamente, veja exemplo:
document.getElementById("nome-identificador").value = "outro texto qualquer";
Fonte
- Manual do JS (MDN) falando sobre a função getElementById()