Exemplu
Obține toate elementele cu numele specificat:
var x =
document.getElementsByName("fname");
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
getElementsByName() Metoda returnează o colecție a tuturor elementelor din document cu numele specificat (the value of the name attribute) , ca un obiect NodeList.
Obiectul NodeList reprezintă o colecție de noduri. Nodurile pot fi accesate prin numere de index. Indicele începe la 0.
Indicație: Puteți utiliza lungimea proprietatea obiectului NodeList pentru a determina numărul de elemente cu numele specificat, atunci puteți bucla prin toate elementele și extrage informațiile pe care le doriți.
Notă: În HTML5, "name" atribut este depreciată și a fost înlocuit cu "id" atribut pentru mai multe elemente. Utilizați documentul. getElementById() metoda în care este adecvat. De asemenea , uita - te la getElementsByClassName() și getElementsByTagName() metode.
Suport pentru browser-
Metodă | |||||
---|---|---|---|---|---|
getElementsByName() | da | da | da | da | da |
Sintaxă
document.getElementsByName( Valorile parametrilor Parametru Tip Descriere name String Necesar. name valoarea atributului elementului pe care doriți să o accesați / manipula
Detalii tehnice
DOM Versiune: Nivelul Core 1 Document Object Întoarcere Valoare: Un obiect NodeList, ceea ce reprezintă o colecție de elemente cu numele specificat. Elementele din colecția returnate sunt sortate așa cum apar în codul sursă.

Mai multe exemple
Exemplu
Aflați cât de multe elemente sunt în documentul care au un atribut nume cu valoarea "animal" (folosind proprietatea de lungime a obiectului NodeList):
var x =
document.getElementsByName("animal").length; Încearcă - l singur »
Exemplu
Verificați toate <input> elemente cu type = „checkbox“ în documentul care au un atribut nume cu valoarea "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} Încearcă - l singur »
<Document Object