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() | sì | sì | sì | sì | sì |
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.

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