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
nullzurück, wenn der gegebene Datenknoten keine Kindknoten hat. firstChildberücksichtigt wie bereits erwähnt auchTextNodes. 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 stattfirstChildbitteElement.firstElementChild.
Spezifikationen
Siehe auch:
Schlagwörter des Dokuments und Mitwirkende
Zuletzt aktualisiert von:
marcows,