HTML DOM firstElementChild-Eigenschaft

HTML DOM Element-Objekt

firstElementChildSchreibgeschützte Eigenschaft, die den ersten Kindknoten des angegebenen Elternelements zurückgibt.

Wenn das Elternelement keine Kindknoten hat, gibt diese MethodenullWert.

Verwenden SiechildrenEigenschaft. Die Methode children [0] gibt dasselbe Ergebnis wie firstElementChild zurück.

Um den letzten Kindknoten des angegebenen Elternelements zurückzugeben, verwenden SielastElementChildEigenschaft.

Syntax:

ParentElement.firstElementChild

<div>
　　　<p>Das ist der1ein P</p>
　　　<p>Das ist der2ein P</p>
　　　<p>Das ist der3ein P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

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

Technische Details

Mehr Beispiele

HTML-Inhalt des ersten Kindes des DIV-Elements abrufen:

<div>
　　　<p>Das ist der1ein P</p>
　　　<p>Das ist der2ein P</p>
　　　<p>Das ist der3ein P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Ändern Sie den HTML-Inhalt des ersten Kindes des DIV-Elements:

var div = document.querySelector("div");
div.firstElementChild.textContent = "HELLO WORLD";

Verwandte Referenzen

HTML DOM Referenz:lastElementChild-Eigenschaft

HTML DOM Element-Objekt