Formularios de documentos HTML DOM
Ejemplo
Número de elementos <form> en el documento:
let num = document.forms.length;
Obtenga la identificación del primer elemento <form>:
let id = document.forms[0].id;
Obtenga la identificación del primer elemento <form>:
let id = document.forms.item(0).id;
Obtenga el contenido HTML del elemento <form> con id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Más ejemplos a continuación.
Definición y uso
La forms
propiedad devuelve una colección de todos los elementos <form> de un documento.
La forms
propiedad devuelve una HTMLCollection .
La forms
propiedad es de solo lectura.
Ver también:
La colección de elementos de formulario
Propina:
Utilice la colección de elementos de formularios para devolver todos los elementos de un formulario.
Colección HTML
Una HTMLCollection es una colección de nodos HTML.
Se puede acceder a los nodos de una colección mediante números de índice. El índice comienza en 0.
La propiedad length devuelve el número de elementos de la colección.
Sintaxis
document.forms
Propiedades
Property | Description |
length | The number of elements in the collection. |
Métodos
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Valor devuelto
Escribe | Descripción |
Objeto | Un objeto HTMLCollection . Todos los elementos <form> del documento. Ordenados como aparecen en el código fuente |
Más ejemplos
Recorra todos los elementos <form> y genere la identificación de cada formulario:
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Usando la colección form.elements para obtener el valor de cada elemento en el formulario:
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Compatibilidad con navegador
document.forms
es una característica DOM Nivel 1 (1998).
Es totalmente compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |