Właściwość childElementCount obiektu HTML DOM Element

Definicja i użycie

childElementCount Właściwość zwraca liczbę podrzędnych elementów.

childElementCount Właściwość zwraca wartość równą children.length.

childElementCount Jest tylko do odczytu.

Komentarz:Zwracana wartość to liczba podelementów, a nie liczba podwęzłów (takich jak węzły tekstowe i komentaryzujące).

Zobacz również:

Atrybut children

Atrybut firstElementChild

Atrybut lastElementChild

Atrybut nextElementSibling

Atrybut previousElementSibling

Atrybut tagName

Atrybut childNodes

Węzły HTML i elementy

W HTML DOM(Model Dokumentu HTML) Dokument HTML to zbiór węzłów (lub brak węzłów) posiadających (lub nie posiadających) podwęzły.

WęzełTo oznacza węzły elementowe, węzły tekstowe i węzły komentaryzujące.

ElementBiałe przestrzenie między nimi są również węzłami tekstowymi.

a element to tylko węzeł elementowy.

Podwęzły i podelementy

childNodes ZwracaPodwęzły(węzły elementowe, węzły tekstowe i węzły komentaryzujące).

children ZwracaPodelementy(nie węzły tekstowe i komentaryzujące).

Rodzeństwo i rodzeństwo elementów

rodzeństwoTo oznacza "brat" i "siostra".

rodzeństwoTo są węzły posiadające tego samego rodzica (w tym samym childNodes na liście).

rodzeństwo elementówTo są elementy posiadające tego samego rodzica (w tym samym children na liście).

Przykład

Przykład 1

Liczba podelementów elementu <div>:

let numb = document.getElementById("myDIV").childElementCount;

Spróbuj sam

Przykład 2

childElementCount zwraca tę samą wartość co children.length:

let numb = document.getElementById("myDIV").children.length;

Spróbuj sam

Gramatyka

element.childElementCount

Zwrócona wartość

Typ Opis
Numer Liczba podelementów elementu.

Wsparcie przeglądarki

element.childElementCount To jest cecha DOM Level 3 (2004).

Wszystkie przeglądarki wspierają je w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie