Colección de elementos de formulario
Ejemplo
Averigüe cuántos elementos hay en un elemento <form> específico:
var x = document.getElementById("myForm").elements.length;
El resultado de x será:
3
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La colección de elementos devuelve una colección de todos los elementos de un formulario.
Nota: Los elementos de la colección se ordenan tal como aparecen en el código fuente.
Nota: La colección de elementos devuelve todos los elementos dentro del elemento <form>, no todos los elementos <form> del documento. Para obtener todos los elementos <form> en el documento, use la colección document.forms en su lugar.
Compatibilidad con navegador
Collection | |||||
---|---|---|---|---|---|
elements | Yes | Yes | Yes | Yes | Yes |
Sintaxis
formObject.elements
Propiedades
Property | Description |
---|---|
length | Returns the number of elements in the <form> element. Note: This property is read-only |
Métodos
Method | Description |
---|---|
[index] | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the element in <form> with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the element in <form> with the specified id. Note: Returns null if the id does not exist |
Detalles técnicos
Versión DOM: | Objeto de documento básico de nivel 2 |
---|---|
Valor devuelto: | Un objeto HTMLFormsControlCollection, que representa todos los elementos en un elemento <form>. Los elementos de la colección se ordenan tal como aparecen en el código fuente. |
Más ejemplos
Ejemplo
[ índice ]
Obtenga el valor del primer elemento (índice 0) en un formulario:
var x = document.getElementById("myForm").elements[0].value;
El resultado de x será:
Donald
Ejemplo
artículo ( índice )
Obtenga el valor del primer elemento (índice 0) en un formulario:
var x = document.getElementById("myForm").elements.item(0).value;
El resultado de x será:
Donald
Ejemplo
elemento con nombre ( id )
Obtenga el valor del elemento con name="fname" en un formulario:
var x = document.getElementById("myForm").elements.namedItem("fname").value;
El resultado de x será:
Donald
Ejemplo
Recorra todos los elementos en un formulario y genere 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
❮ Objeto de formulario