Exemplo
Descubra quantos elementos existem em um determinado <form> elemento:
var x = document.getElementById("myForm").elements.length;
O resultado x será:
3
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A coleção de elementos retorna uma coleção de todos os elementos em um formulário.
Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.
Nota: A coleção elementos retorna todos os elementos dentro do <form> elemento, nem todos <form> elementos no documento. Para obter todas <form> elementos no documento, utilize o document.forms coleção em seu lugar.
Suporte navegador
Coleção | |||||
---|---|---|---|---|---|
elements | sim | sim | sim | sim | sim |
Sintaxe
formObject .elements
propriedades
Propriedade | Descrição |
---|---|
length | Retorna o número de elementos no <form> elemento. Nota: Esta propriedade é somente leitura |
Métodos
Método | Descrição |
---|---|
[ index ] | Retorna o elemento em <form> com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
item( index ) | Retorna o elemento em <form> com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
namedItem( id ) | Retorna o elemento em <form> com o especificado id. Nota: Retorna null se o id não existe |
Detalhes técnicos
DOM Versão: | Núcleo Nível Objeto 2 Documento |
---|---|
Valor de retorno: | Um objeto HTMLFormsControlCollection, representando todos os elementos em um <form> elemento. Os elementos na coleção são classificadas como eles aparecem no código fonte |
mais Exemplos
Exemplo
[Índice]
Obter o valor do primeiro elemento (index 0) numa forma:
var x = document.getElementById("myForm").elements[0].value;
O resultado x será:
Donald
Tente você mesmo " Exemplo
item( index )
Obter o valor do primeiro elemento (index 0) numa forma:
var x = document.getElementById("myForm").elements.item(0).value;
O resultado x será:
Donald
Tente você mesmo " Exemplo
namedItem( id )
Obter o valor do elemento com name = "fname" em um formulário:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
O resultado x será:
Donald
Tente você mesmo " Exemplo
Laço através de todos os elementos de uma forma e de saída o valor de cada elemento:
var x = document.getElementById("myForm");
var txt = "";
var i;
for (i = 0; i < x.length; i++)
{
txt = txt + x.elements[i].value + "<br>";
}
document.getElementById("demo").innerHTML = txt;
O resultado do txt será:
Donald
Duck
Submit
Tente você mesmo " <Objeto de Formulário