HTML DOM Element childElementCount 属性

定义和用法

childElementCount 属性返回元素的子元素数。

childElementCount 属性返回与 children.length 相同的值。

childElementCount 是只读的。

Anmerkung:Der Rückgabewert ist die Anzahl der Kindelemente, nicht die Anzahl der Kindknoten (wie Text- und Anmerkungsknoten).

Siehe auch:

children-Eigenschaft

firstElementChild-Eigenschaft

lastElementChild-Eigenschaft

nextElementSibling-Eigenschaft

previousElementSibling-Eigenschaft

tagName-Eigenschaft

childNodes-Eigenschaft

HTML-Knoten und Elemente

in HTML DOMim (Dokument-Objekt-Modell) ist ein HTML-Dokument eine Sammlung von Knoten, die (oder nicht) Kindknoten haben.

Knotenbezieht sich auf Elementknoten, Textknoten und Anmerkungsknoten.

Elementzwischen den Elementen sind auch Textknoten.

wobei Elemente nur Elementknoten sind.

Kindknoten und Kindelemente

childNodes RückgabewertKindknoten(Elementknoten, Textknoten und Anmerkungsknoten).

children RückgabewertKindelementenicht Text- und Anmerkungsknoten).

Brüder und Element-Brüder

Brüdersind "Brüder" und "Schwestern".

Brüdersind Knoten mit dem gleichen übergeordneten Knoten (im gleichen childNodes in der Liste).

Element-Brüdersind Elemente mit dem gleichen übergeordneten Element (im gleichen children in der Liste).

Beispiel

Beispiel 1

Anzahl der Kindelemente des <div>-Elements:

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

Probieren Sie es selbst aus

Beispiel 2

childElementCount gibt den gleichen Wert zurück wie children.length:

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

Probieren Sie es selbst aus

Syntax

element.childElementCount

Rückgabewert

Typ Beschreibung
Zahl Anzahl der Kindelemente des Elements.

Browserunterstützung

element.childElementCount Es ist eine DOM Level 3 (2004) Eigenschaft.

Es wird von allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung