Colección de elementos de formulario

Objeto Form del DOM HTML

Definición y uso

elements La colección devuelve la colección de todos los elementos del formulario.

Comentarios:Los elementos de la colección se ordenan según su orden de aparición en el código fuente.

Comentarios:La colección elements devuelve todos los elementos dentro del elemento <form>, no todos los elementos <form> del documento. Si necesita obtener todos los elementos <form> del documento, utilice en su lugar. Colección document.forms.

Instancia

Ejemplo 1

Encontrar cuántos elementos hay en el <form> especificado:

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

Prueba personalmente

El resultado de x será:

3

Consejo:Más ejemplos se proporcionan a continuación en la página.

Sintaxis

formObject.elements

Atributo

Atributo Descripción
length

Devuelve la cantidad de elementos en el elemento <form>.

Comentarios:Esta propiedad es de solo lectura.

Método

Método Descripción
[índice]

Devuelve el elemento con el índice especificado en <form> (comienza en 0).

Comentarios:Si el número de índice está fuera de rango, devuelve null.
item(índice)

Devuelve el elemento con el índice especificado en <form> (comienza en 0).

Comentarios:Si el número de índice está fuera de rango, devuelve null.
namedItem(id)

Devuelve el elemento con el id especificado en <form>.

Comentarios:Si el id no existe, devuelve null.

Detalles técnicos

Versión de DOM: Nivel de Documento de Nivel 2 de Nivel Central
Valor de retorno:

Objeto HTMLFormsControlCollection, representa todos los elementos del elemento <form>.

Los elementos de la colección se ordenan según su aparición en el código fuente.

Más ejemplos

Ejemplo 2: [índice]

Obtener el valor del primer elemento del formulario (índice 0):

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

Prueba personalmente

El resultado de x será:

Donald

Ejemplo 3: item(índice)

Obtener el valor del primer elemento del formulario (índice 0):

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

Prueba personalmente

El resultado de x será:

Donald

Ejemplo 4: namedItem(id)

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

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

Prueba personalmente

El resultado de x será:

Donald

Ejemplo 5

Recorrer todos los elementos del formulario y mostrar 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;

Prueba personalmente

El resultado de x será:

Donald
Duck
Enviar

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Form del DOM HTML