Elementy potomne elementu HTML DOM
Obiekt elementuPrzykład
Pobierz kolekcję elementów potomnych elementu <body>:
const collection = document.body.children;
Więcej przykładów poniżej.
Definicja i użycie
Właściwość children
zwraca kolekcję elementów podrzędnych elementu.
Właściwość children
zwraca obiekt HTMLCollection.
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ż:
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.
Składnia
element.children
Wartość zwrotu
Rodzaj | Opis |
Obiekt | Obiekt HTMLCollection. Kolekcja węzłów elementów. Elementy są sortowane tak, jak pojawiają się w dokumencie. |
Więcej przykładów
Dowiedz się, ile dzieci ma element <div>:
var c =
document.getElementById("myDIV").children.length;
Zmień kolor tła drugiego elementu potomnego elementu <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Pobierz tekst trzeciego elementu podrzędnego (indeks 2) elementu <select>:
var c = document.getElementById("mySelect").children[2].text;
Przeprowadź pętlę przez wszystkie dzieci <body> i zmień ich kolor tła na czerwony:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Powiązane strony
Dokumentacja HTML DOM: właściwość childNodes
Obsługa przeglądarki
element.children
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