GetElementByName: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 14: Linha 14:
<input type="button" name="elemento" value="valor atual">
<input type="button" name="elemento" value="valor atual">
</pre>
</pre>
''O que é feito, é que ele procura no documento os elementos com nome "elemento" e pega o primeiro que encontrar, no caso, o único do formulário. Note que o primeiro elemento começa do 0, e não do 1.''

Edição das 10h10min de 7 de novembro de 2013

Usando getElementByName

Muita gente costuma usar o document.getElementById, mas, existe também uma forma de obter ou mudar valores de um element pelo name dele.

Veja esse exemplo simples:

<script type="text/javascript">
window.onload = function mostra() {
document.getElementsByName('elemento')[0].value="novo valor";
}
</script>
<input type="button" name="elemento" value="valor atual">

O que é feito, é que ele procura no documento os elementos com nome "elemento" e pega o primeiro que encontrar, no caso, o único do formulário. Note que o primeiro elemento começa do 0, e não do 1.