Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość dzieci zwraca kolekcję elementów podrzędnych elementu, tak jak obiekt HTMLCollection.
Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym i mogą być dostępne przez numery indeksowe. Indeks zaczyna się od 0.
Wskazówka: Można użyć właściwości length obiektu HTMLCollection aby określić liczbę elementów podrzędnych, można pętli wszystkich dzieci i wyodrębnić informacje, które chcesz.
Różnica między tym obiekcie i childNodes , że childNodes zawierać wszystkie węzły, w tym węzły tekstowe i komentować węzłów, podczas gdy dzieci zawierają tylko węzły elementów.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
children | 2.0 | 9,0 * | 3.5 | 4.0 | 10,0 |
* Uwaga: Właściwość dzieci jest w pełni obsługiwana w IE6 do IE8. Jednak w tych wersjach, zwraca węzły element i komentarz węzły. IE9 + zwraca tylko węzły elementów.
Składnia
element .children
Szczegóły techniczne
Zwracana wartość: | Na żywo obiekt HTMLCollection, stanowiących zbiór węzłów elementów. Elementy w zwróconym kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
---|---|
DOM Version | Poziom Rdzeń 1 elementu obiektu |
Więcej przykładów
Przykład
Dowiedzieć się, ile dzieci A <div> element ma:
var c =
document.getElementById("myDIV").children.length;
Wynikiem C wynosi:
2
Spróbuj sam " Przykład
Zmienić kolor tła drugiego elementu potomnego <div> element:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Spróbuj sam " Przykład
Uzyskać tekst trzeciego elementu podrzędnego (index 2) z <select> element:
var c = document.getElementById("mySelect").children[2].text;
Wynikiem C wynosi:
Saab
Spróbuj sam " Przykład
Pętla przez wszystkie dzieci <body> i zmienić ich kolor tła na czerwono:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++)
{
c[i].style.backgroundColor = "red";
}
Spróbuj sam " Podobne strony
HTML DOM: childNodes Property