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étodo getElementById() 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

Comentários

comments powered by Disqus