JavaScript/DOM/ParentNode/childElementCount
Die Eigenschaft childElementCount enthält die Anzahl der Kindelemente eines Knotens. Sie ist für alle Objekte definiert, die von den Schnittstellen Document, DocumentFragment oder Element erben.
Syntax
ParentNode.childElementCount
Anwendungsbeispiel
Es gibt mehrere Möglichkeiten die Anzahl der Kindelemente eines Knotens zu ermitteln, zum Beispiel durch das Auslesen der Eigenschaft length
der Liste der Kindelemente, die über children referenziert werden kann. Am einfachsten geht dies jedoch durch den Zugriff auf die Eigenschaft childElementCount
, die auf allen Elementen definiert ist.
<body>
<main>
<ul>
<li>Listeneintrag Eins</li>
<li>Listeneintrag Zwei</li>
<li>Listeneintrag Drei</li>
</ul>
</main>
<script>
document.querySelector('ul').childElementCount; // 3
</script>
</body>
In dem Beispiel oben wird zunächst eine ungeordnete Liste mit drei Einträgen deklariert. Im Skript wird diese Liste dann mit der Methode querySelector referenziert und auf dem Objekt die Eigenschaft childElementCount
gelesen. Da die Liste drei Kindknoten vom Typ Element besitzt, ist der Wert des Ausdrucks entsprechend die Zahl Drei.