HTML DOM Element childNodes
Obiekt elementuPrzykład
Pobierz węzły podrzędne elementu <body>:
const nodeList = document.body.childNodes;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość childNodes
zwraca kolekcję (listę) węzłów podrzędnych elementów.
Właściwość childNodes
zwraca obiekt NodeList.
Właściwość childNodes
jest tylko do odczytu.
Notatka
Białe znaki wewnątrz elementów są traktowane jako węzły tekstowe.
Komentarze są również uważane za węzły.
childNodes[0]
jest taki sam jak firstChild
.
Różnica
Właściwość childNodes
zwraca wszystkie węzły podrzędne , w tym węzły tekstowe i węzły komentarzy, podczas gdy children
właściwość zwraca tylko elementy podrzędne .
Zobacz też:
Lista węzłów
NodeList to podobna do tablicy kolekcja (lista) obiektów węzła.
NodeList ma właściwość length , która zwraca liczbę węzłów na liście.
Dostęp do węzłów można uzyskać za pomocą numerów indeksów. Indeks zaczyna się od 0.
Składnia
element.childNodes
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Kolekcja obiektów NodeList węzłów. Węzły są sortowane tak, jak pojawiają się w dokumencie. |
Więcej przykładów
Liczba węzłów podrzędnych w elemencie <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Zmień kolor tła drugiego węzła podrzędnego:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Pobierz tekst trzeciego węzła podrzędnego elementu <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Obsługa przeglądarki
element.childNodes
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 |
Obiekt elementu