Gli ultimi tutorial di sviluppo web
 

HTML DOM getElementsByName() Method

<Document Object

Esempio

Ottenere tutti gli elementi con il nome specificato:

var x = document.getElementsByName("fname");
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

Il getElementsByName() restituisce un insieme di tutti gli elementi del documento con il nome specificato (the value of the name attribute) , come un oggetto NodeList.

L'oggetto NodeList rappresenta un insieme di nodi. I nodi possono essere accessibili da numeri di indice. L'indice parte da 0.

Suggerimento: È possibile utilizzare la lunghezza di proprietà dell'oggetto NodeList per determinare il numero di elementi con il nome specificato, allora si può scorrere tutti gli elementi ed estrarre le informazioni che desidera.

Nota: in HTML5, il "name" attributo è deprecato ed è stato sostituito dal "id" attributo per molti elementi. Usare il documento. getElementById() metodo in cui è opportuno. Anche guardare il getElementsByClassName() e getElementsByTagName() metodi.


Supporto browser

Metodo
getElementsByName()

Sintassi

document.getElementsByName( valori dei parametri
Parametro Tipo Descrizione
name String Necessario. Il name valore dell'attributo dell'elemento che si desidera l'accesso / manipolare

Dettagli tecnici

DOM Versione: Nucleo livello di oggetto di documento 1
Valore di ritorno: Un oggetto NodeList, rappresenta un insieme di elementi con il nome specificato. Gli elementi della collezione restituita sono ordinati come appaiono nel codice sorgente.

Esempi

Altri esempi

Esempio

Scoprire quanti elementi ci sono nel documento che presenta un attributo nome con il valore "animal" (usando la proprietà length dell'oggetto NodeList):

var x = document.getElementsByName("animal").length;
Prova tu stesso "

Esempio

Controllare tutti i <input> elementi con type = "checkbox" nel documento che presenta un attributo nome con il valore "animal" :

var x = document.getElementsByName("animal");
var i;
for (i = 0; i < x.length; i++) {
    if (x[i].type == "checkbox") {
        x[i].checked = true;
    }
}
Prova tu stesso "

<Document Object