Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM children Propery

<Element Przedmiot

Przykład

Uzyskaj zbiór <body> dzieci elementu za:

var c = document.body.children;
Spróbuj sam "

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

Przykłady

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


<Element Przedmiot