Ejemplo
Obtener todos los elementos con el nombre especificado:
var x =
document.getElementsByName("fname");
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El getElementsByName() método devuelve una colección de todos los elementos en el documento con el nombre especificado (the value of the name attribute) , como un objeto NodeList.
El objeto NodeList representa una colección de nodos. Los nodos pueden ser accedidos por números de índice. El índice comienza en 0.
Consejo: Puede utilizar la longitud de la propiedad del objeto NodeList para determinar el número de elementos con el nombre especificado, entonces se puede recorrer todos los elementos y extraer la información que desee.
Nota: En HTML5, el "name" atributo es obsoleto y ha sido sustituido por el "id" atributo para muchos elementos. Utilice el documento. getElementById() método en el que es apropiado. También mirar el getElementsByClassName() y getElementsByTagName() métodos.
Soporte del navegador
Método | |||||
---|---|---|---|---|---|
getElementsByName() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
document.getElementsByName( Los valores de los parámetros Parámetro Tipo Descripción name String Necesario. El name valor de atributo del elemento al que desea acceder / manipular
Detalles técnicos
DOM Versión: Nivel básico Objeto Documento 1 Valor de retorno: Un objeto NodeList, que representa una colección de elementos con el nombre especificado. Los elementos de la colección devuelta se clasifican como aparecen en el código fuente.

Más ejemplos
Ejemplo
Averigüe cuántos elementos hay en el documento que tiene un atributo name con el valor "animal" (usando la propiedad length del objeto NodeList):
var x =
document.getElementsByName("animal").length; Inténtalo tú mismo "
Ejemplo
Compruebe todos los <input> elementos con type = "casilla de verificación" en el documento que tiene un atributo name con el valor "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} Inténtalo tú mismo "
<Document Object