Node.firstChild

Allgemein

firstChild gibt den ersten Kindknoten (childNode) eines Datenknotens zurück.

Syntax

var ersterKindknoten = element.firstChild;

Die Variable ersterKindknoten enthält einen Datenknoten.

Beispiel

Folgendes HTML-Dokument ist gegeben:

<!DOCTYPE html>
<html>
  <body>
    <h3>Texte</h3>
    <p>Hier steht Text!</p>
  </body>
</html>

Um auf das erste Kindelement zuzugreifen, kann man folgenden Code verwenden:

var ersterKindknoten = document.body.firstChild;

In diesem Fall ist der erste Kindknoten ein Textknoten, da sich zwischen dem Schlusstag des Paragraphs und dem Start-Tag von <body> ein Zeilenumbruch und vier Leerzeichen befinden.

Anmerkungen

  • Gibt null zurück, wenn der gegebene Datenknoten keine Kindknoten hat.
  • firstChild berücksichtigt wie bereits erwähnt auch TextNodes. Daher wird jede Art von Whitespace innerhalb eines Elements als Kindknoten interpretiert. Im obigen Beispiel geschieht das durch die Einrückungen im HTML-Dokument. Falls Sie Textknoten als Rückgabewert ausschließen, und nur HTML-Elemente erhalten wollen, verwenden Sie statt firstChild bitte Element.firstElementChild.

Spezifikationen

Siehe auch:

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: marcows, fscholz, khalid32, wepunkt_empunkt
 Zuletzt aktualisiert von: marcows,