Dokument HTML DOM getElementsByTagName()
Przykład
Pobierz wszystkie elementy z nazwą znacznika „li”:
const collection = document.getElementsByTagName("li");
Pobierz wszystkie elementy w dokumencie:
const collection = document.getElementsByTagName("*");
Zmień wewnętrzny kod HTML pierwszego elementu <p> w dokumencie:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Więcej przykładów poniżej.
Definicja i użycie
Metoda getElementsByTagName()
zwraca kolekcję wszystkich elementów o określonej nazwie znacznika.
Metoda getElementsByTagName()
zwraca HTMLCollection .
Właściwość getElementsByTagName()
jest tylko do odczytu.
Notatka
getElementsByTagName("*")
zwraca wszystkie elementy w dokumencie.
Kolekcja HTML
HTMLCollection to kolekcja węzłów HTML.
Dostęp do węzłów w kolekcji można uzyskać za pomocą numerów indeksu. Indeks zaczyna się od 0.
Właściwość length zwraca liczbę elementów w kolekcji.
Zobacz też:
Metoda dokumentu getElementById()
Metoda dokumentu getElementsByClassName()
Składnia
document.getElementsByTagName(tagname)
Parametry
Parameter | Description |
tagname | Required. The tagname of the elements. |
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Obiekt HTMLCollection . Kolekcja elementów o określonej nazwie znacznika. Elementy są sortowane tak, jak pojawiają się w dokumencie. |
Więcej przykładów
Liczba elementów <li> w dokumencie:
let numb = document.getElementsByTagName("li").length;
Zmień kolor tła wszystkich <p> elementów:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Powiązane strony
Dokumentacja JavaScript: element .getElementsByTagName()
Samouczek JavaScript: JavaScript HTML DOM Lista węzłów
Obsługa przeglądarki
document.getElementsByTagName()
jest funkcją DOM Level 1 (1998).
Jest w pełni obsługiwany we wszystkich przeglądarkach:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |