Przykład
Uzyskaj zbiór <body> węzłów potomnych elementu za:
var c =
document.body.childNodes; Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Nieruchomość childNodes zwraca zbiór węzłów potomnych węzła, w postaci obiektu NodeList.
Węzły w kolekcji są klasyfikowane jako wydają w kodzie źródłowym i mogą być dostępne przez numery indeksowe. Indeks zaczyna się od 0.
Uwaga: białe znaki wewnątrz elementów jest traktowane jako tekstu, a tekst jest traktowany jako węzły. Komentarze są również traktowane jako węzły.
Wskazówka: Można użyć length właściwość obiektu NodeList aby określić liczbę węzłów potomnych, to można pętli wszystkich węzłów potomnych i wyodrębnić informacje, które chcesz.
Ta właściwość jest tylko do odczytu.
Wskazówka: Aby powrócić zbiór węzłów elementów węzła użytkownika (excluding text and comment nodes) , użyj dzieci mienia.
Wskazówka: .childNodes Element [0] będzie taki sam wynik jak firstChild własności.
Wsparcie przeglądarka
| Nieruchomość | |||||
|---|---|---|---|---|---|
| childNodes | tak | tak | tak | tak | tak |
Składnia
element .childNodesSzczegóły techniczne
| Zwracana wartość: | Obiekt NodeList, stanowiących zbiór węzłów. Węzły 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 dziecko węzły A <div> element ma:
var c =
document.getElementById("myDIV").childNodes.length;Wynikiem C wynosi:
5 Spróbuj sam " Przykład
Zmienić kolor tła drugiego węzła potomnego (index 1) z <div> element:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; Spróbuj sam " Przykład
Uzyskaj tekst węzła potomnego trzeciej (index 2) z <select> element:
var c = document.getElementById("mySelect").childNodes[2].text;Wynikiem C wynosi:
Saab Spróbuj sam " Podobne strony
HTML DOM: węzeł. firstChild nieruchomości
HTML DOM: węzeł. lastChild nieruchomości
HTML DOM: węzeł. parentNode nieruchomości
HTML DOM: węzeł. nextSibling nieruchomości
HTML DOM: węzeł. previousSibling nieruchomości
HTML DOM: węzeł. nodeName nieruchomości