Los últimos tutoriales de desarrollo web
 

HTML DOM getElementsByName() Method

<Document Object

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()

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.

Ejemplos

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