Los últimos tutoriales de desarrollo web
 

Colección elementos de formulario

<Objeto de formulario

Ejemplo

Averigüe cuántos elementos hay en un determinado <form> elemento:

var x = document.getElementById("myForm").elements.length;

El resultado de x será:

3
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La colección de elementos devuelve una colección de todos los elementos en una forma.

Note: Los elementos de la colección están ordenados como aparecen en el código fuente.

Nota: La colección de elementos devuelve todos los elementos dentro de la <form> elemento, no todos <form> elementos en el documento. Para obtener toda <form> elementos en el documento, utilizan el document.forms recogida en su lugar.


Soporte del navegador

Colección
elements

Sintaxis

formObject .elements

propiedades

Propiedad Descripción
length Devuelve el número de elementos en el <form> elemento.

Nota: Esta propiedad es de sólo lectura

métodos

Método Descripción
[ index ] Devuelve el elemento en <form> con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
item( index ) Devuelve el elemento en <form> con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
namedItem( id ) Devuelve el elemento <form> con el id especificado.

Nota: Devuelve un valor nulo si el identificador no existe

Detalles técnicos

DOM Versión: Nivel básico Objeto Documento 2
Valor de retorno: Un Objeto HTMLFormsControlCollection, lo que representa todos los elementos en un <form> elemento. Los elementos de la colección están ordenados como aparecen en el código fuente

Ejemplos

Más ejemplos

Ejemplo

[Índice]

Obtener el valor del primer elemento (index 0) en una forma:

var x = document.getElementById("myForm").elements[0].value;

El resultado de x será:

Donald
Inténtalo tú mismo "

Ejemplo

item( index )

Obtener el valor del primer elemento (index 0) en una forma:

var x = document.getElementById("myForm").elements.item(0).value;

El resultado de x será:

Donald
Inténtalo tú mismo "

Ejemplo

namedItem( id )

Obtener el valor del elemento con el nombre = "fname" en un formulario:

var x = document.getElementById("myForm").elements.namedItem("fname").value;

El resultado de x será:

Donald
Inténtalo tú mismo "

Ejemplo

Loop a través de todos los elementos en una forma y la salida el 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;

El resultado de txt será:

Donald
Duck
Submit
Inténtalo tú mismo "

<Objeto de formulario