HTML DOM firstChild Eigenschaft

HTML DOM Element-Objekt

firstChildSchreibgeschützte Eigenschaft gibt den ersten Kindknoten des angegebenen Knotens als Node-Objekt zurück.

Wenn der angegebene Knoten keine Kindknoten hat, gibt diese MethodeLeerWert.

Leerzeichen im Elementinneren werden als Text betrachtet, und Text wird als Knoten betrachtet. Kommentare werden auch als Knoten betrachtet.

Um das Problem zu vermeiden, dass firstChild #text oder #comment Knoten zurückgibt, kannfirstElementChildGibt nur den ersten Elementknoten zurück.

Um den letzten Kindknoten eines bestimmten Knotens zurückzugeben, verwenden SielastChildEigenschaft.

Syntax:

node.firstChild

<div>
　　　<p>Das ist der DIV-Inhalt, der1ein P</p>
　　　<p>Das ist der DIV-Inhalt, der2ein P</p>
　　　<p>Das ist der DIV-Inhalt, der3ein P</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Allerdings wird der Wert auf den P-Tag und nicht auf #text zurückgegeben, wenn wir den Leerzeichen zwischen DIV und dem ersten P-Element entfernen:

<div><p>Das ist der Inhalt im DIV, der erste1ein P</p>
　　　<p>Das ist der DIV-Inhalt, der2ein P</p>
　　　<p>Das ist der DIV-Inhalt, der3ein P</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

Die firstChild-Eigenschaft wird von allen Browsern vollständig unterstützt:

Technische Details

Verwandte Referenzen

HTML DOM-Referenz:node .lastChild-Eigenschaft

HTML DOM-Referenz:node .childNodes-Eigenschaft

HTML DOM-Referenz:node .parentNode-Eigenschaft

HTML DOM-Referenz:node .nextSibling-Eigenschaft

HTML DOM-Referenz:node .previousSibling-Eigenschaft

HTML DOM-Referenz:node .nodeName-Eigenschaft

HTML DOM Element-Objekt