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 | Sí | Sí | Sí | Sí | Sí |
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 |
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