Metoda HTML DOM getElementsByTagName()
❮ Obiekt elementuPrzykład
Zmień zawartość HTML pierwszego elementu <li> (indeks 0) na liście:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
Definicja i użycie
Metoda getElementsByTagName() zwraca kolekcję elementów podrzędnych elementów o określonej nazwie znacznika jako obiekt NodeList.
Obiekt NodeList reprezentuje kolekcję węzłów. Dostęp do węzłów można uzyskać za pomocą numerów indeksów. Indeks zaczyna się od 0.
Wskazówka: możesz użyć właściwości length obiektu NodeList, aby określić liczbę węzłów podrzędnych o określonej nazwie znacznika, a następnie możesz przejść przez wszystkie węzły i wyodrębnić żądane informacje.
Wskazówka: wartość parametru „*” zwraca wszystkie elementy podrzędne elementu.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.
| Method | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Składnia
element.getElementsByTagName(tagname)
Wartości parametrów
| Parameter | Type | Description |
|---|---|---|
| tagname | String | Required. The tagname of the child elements you want to get |
Szczegóły techniczne
| Wersja DOM | Obiekt elementu podstawowego poziomu 1 |
|---|---|
| Wartość zwrotu: | Obiekt NodeList reprezentujący kolekcję elementów podrzędnych elementu o określonej zmiennej. Elementy w zwróconej kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym. |
Więcej przykładów
Przykład
Dowiedz się, ile elementów <p> znajduje się w elemencie <div> (używając właściwości length obiektu NodeList):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
Przykład
Zmień kolor tła drugiego elementu <p> (indeks 1) wewnątrz elementu <div>:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
Przykład
Zmień kolor tła wszystkich elementów <p> wewnątrz elementu <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Przykład
Zmień kolor tła czwartego elementu (indeks 3) wewnątrz elementu <div>:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
Przykład
Za pomocą parametru „*”.
Zmień kolor tła wszystkich elementów wewnątrz elementu <div>:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
Powiązane strony
Dokumentacja JavaScript: document.getElementsByTagName()
Samouczek JavaScript: JavaScript HTML DOM Lista węzłów
❮ Obiekt elementu