HTML DOM Element firstElementChild Eigenschaft

Definition und Verwendung

firstElementChild Die Eigenschaft gibt den ersten Kindknoten des angegebenen Elements zurück.

firstElementChild Die Eigenschaft ist schreibgeschützt.

firstElementChild Die Eigenschaft gibt zurück children[0] gleiche Werte.

Bitte lesen Sie auch:

children Eigenschaft

childElementCount Eigenschaft

lastElementChild Eigenschaft

tagName-Attribut

childNodes-Attribut

Beispiel

Beispiel 1

Erhalten Sie den HTML-Inhalt des ersten untergeordneten Elements:

let text = element.firstElementChild.innerHTML;

Probieren Sie es selbst aus

Beispiel 2

Erhalten Sie den Tag-Namen des ersten untergeordneten Elements von "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Probieren Sie es selbst aus

Beispiel 3

Erhalten Sie den Text des ersten untergeordneten Elements des <select>-Elements:

let text = document.getElementById("mySelect").firstElementChild.text;

Probieren Sie es selbst aus

HTML-Knoten und -Elemente

in HTML DOMim (Dokument-Objekt-Modell) ist eine Sammlung von Knoten, die (oder nicht) Unter knoten haben.

KnotenBezeichnet Elementknoten, Textknoten und Anmerkungsnode.

ElementLeerzeichen zwischen ihnen sind ebenfalls Textknoten.

und Elemente sind nur Elementknoten.

Unterordnete Knoten und Unterordnete Elemente

childNodes Gibt zurückUnterordnete KnotenGibt Elementknoten, Textknoten und Anmerkungsnode zurück.

children Gibt zurückUnterordnete ElementeGibt keine Text- und Anmerkungsnode zurück.

firstChild und firstElementChild

firstChild Gibt den ersten zurückUnterordnete KnotenGibt Elementknoten, Textknoten oder Anmerkungs节点 zurück. Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

firstElementChild Gibt den ersten zurückUnterordnete ElementeGibt keine Textknoten und Anmerkungs节点 zurück.

lastChild und lastElementChild

lastChild Gibt den letzten zurückUnterordnete KnotenGibt Elementknoten, Textknoten oder Anmerkungs节点 zurück. Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

lastElementChild Gibt den letzten zurückUnterordnete ElementeGibt keine Textknoten und Anmerkungs节点 zurück.

Syntax

element.firstElementChild

Rückgabewert

Typ Beschreibung
Node Erster untergeordneter Element. Wird kein Kind gefunden, wird null zurückgegeben.

Browser-Unterstützung

element.firstElementChild ist eine DOM-Level-3-(2004)-Eigenschaft.

Es wird in allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt 9-11 Unterstützt Unterstützt Unterstützt Unterstützt