Przykład
Uzyskaj wszystkie elementy w dokumencie z podanej nazwie znacznika:
var x =
document.getElementsByTagName("LI");
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
getElementsByTagName() Metoda zwraca kolekcję wszystkich elementów w dokumencie o określonej nazwie znacznika 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: ParameterValue "*" zwraca wszystkie elementy w dokumencie.
Wskazówka: Można użyć length właściwość obiektu NodeList określić liczbę elementów o podanej nazwie znacznika, można pętli wszystkich elementów i wyodrębnić informacje, które chcesz.
Wsparcie przeglądarka
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1,0 | 6.0 | 3.0 | 3.0 | 9.5 |
Składnia
document.getElementsByTagName( tagname )wartości parametrów
| Parametr | Rodzaj | Opis |
|---|---|---|
| tagname | String | Wymagany. Zmienna elementów chcesz dostać |
Szczegóły techniczne
| DOM wersja: | Rdzeń Poziom 1 Document Object |
|---|---|
| Zwracana wartość: | Obiekt NodeList, stanowiących zbiór elementów o podanej nazwie znacznika. Elementy w zwróconym kolekcji są klasyfikowane jako wydają w kodzie źródłowym. |
Więcej przykładów
Przykład
Dowiedzieć się, ile <li> elementy są w dokumencie (za pomocą właściwości length obiektu NodeList):
var x =
document.getElementsByTagName("LI").length; Spróbuj sam " Przykład
Zmiany treści HTML pierwszego <p> elementu (index 0) w dokumencie:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!"; Spróbuj sam " Przykład
Zmienić kolor tła wszystkich <p> elementy w dokumencie:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i <
x.length; i++) {
x[i].style.backgroundColor = "red";
} Spróbuj sam " Przykład
Korzystanie z "*" parametr.
Uzyskaj wszystkie elementy w dokumencie:
var x =
document.getElementsByTagName("*"); Spróbuj sam " Podobne strony
JavaScript referencyjny: pierwiastek. getElementsByTagName()
JavaScript Tutorial: Lista JavaScript HTML DOM Node