Lista węzła jest zbiorem węzłów
Lista HTML DOM Node
getElementsByTagName() Metoda zwracalistę węzłów.Lista węzeł jest zbieranie tablica podobny węzłów.
Poniższy kod zaznacza wszystkie <p> węzłów w dokumencie:
Przykład
var
x = document.getElementsByTagName("p");
Węzły mogą być dostępne przez numer indeksu. Aby uzyskać dostęp do drugiego <p> węzeł można napisać:
y = x[1];
Spróbuj sam " Uwaga: Indeks zaczyna się od 0.
Lista HTML DOM Node Długość
Właściwość length określa liczbę węzłów w liście węzłów:
Przykład
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Spróbuj sam " Przykład wyjaśnił:
- Zbierz wszystkie <p> elementy w postaci listy węzłów
- Wyświetla długość listy węzłów
Właściwość długość jest przydatna, gdy chcesz pętli poprzez węzłów w liście węzłów:
Przykład
Zmiana koloru tła wszystkich <p> elementów w liście węzłów:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Spróbuj sam " Lista węzeł nie jest tablicą!
Lista węzeł może wyglądać tablicy, ale tak nie jest. Można pętli listy węzłów i odnoszą się do jej węzłów jak tablicy. Jednakże, nie można stosować metody tablicę, jak valueOf() lub join() na liście węzłów.