Przykład
Pobierz wszystkie elementy o określonej nazwie:
var x =
document.getElementsByName("fname");
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
getElementsByName() Metoda zwraca kolekcję wszystkich elementów w dokumencie z określonej nazwy (the value of the name attribute) , jako NodeList obiektu.
Przedmiotem NodeList reprezentuje zbiór węzłów. Węzły mogą być dostępne za pomocą numerów indeksowych. Indeks zaczyna się od 0.
Wskazówka: Można użyć length właściwość obiektu NodeList określić liczbę elementów o określonej nazwie, można pętli wszystkich elementów i wyodrębnić informacje, które chcesz.
Uwaga: W HTML5, parametr "name" atrybut jest przestarzała i została zastąpiona przez "id" atrybutu dla wielu elementów. Użyj dokumentu. getElementById() metoda, w której jest to potrzebne. Również spojrzeć na getElementsByClassName() i getElementsByTagName() metody.
Wsparcie przeglądarka
metoda | |||||
---|---|---|---|---|---|
getElementsByName() | tak | tak | tak | tak | tak |
Składnia
document.getElementsByName( wartości parametrów Parametr Rodzaj Opis name String Wymagany. name wartość atrybutu elementu, który chcesz dostępu / manipulować
Szczegóły techniczne
DOM wersja: Rdzeń Poziom 1 Document Object Zwracana wartość: Obiekt NodeList, stanowiących zbiór elementów o podanej nazwie. Elementy w zwróconym kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Więcej przykładów
Przykład
Dowiedzieć się, ile elementy są w dokumencie, które mają atrybut name z wartością "animal" (za pomocą właściwości length obiektu NodeList):
var x =
document.getElementsByName("animal").length; Spróbuj sam "
Przykład
Sprawdź wszystkie <input> elementy z type = „checkbox” w dokumencie, które mają atrybut name z wartością "animal" :
var x = document.getElementsByName("animal");
var i;
for (i = 0; i <
x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
} Spróbuj sam "
<Document Object