JavaScript/DOM/ParentNode/childElementCount

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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[Bearbeiten]

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.


Beispiel
<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.