tutoriais mais recente desenvolvimento web
 

elementos de formulário Colecção

<Objeto de Formulário

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

Exemplos

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