HTML DOM Element firstElementChild eigenschap

Definitie en gebruik

firstElementChild Eigenschap retourneert de eerste sub-element van het gespecificeerde element.

firstElementChild Eigenschap is alleen lezen.

firstElementChild Eigenschap retourneert children[0] Gelijke waarde.

Raadpleeg ook:

children eigenschap

childElementCount eigenschap

lastElementChild eigenschap

tagName-eigenschap

childNodes-eigenschap

Voorbeeld

Voorbeeld 1

Verkrijg de HTML-inhoud van de eerste zoon:

let text = element.firstElementChild.innerHTML;

Probeer het zelf

Voorbeeld 2

Verkrijg de tagnaam van de eerste zoon van "myDIV":

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

Probeer het zelf

Voorbeeld 3

Verkrijg de tekst van de eerste zoon van het <select>-element:

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

Probeer het zelf

HTML knopen en elementen

In HTML DOM(Document Object Model) waarin de HTML-document een verzameling knopen is die (of niet) zoonknooppunten heeft.

KnoopBetreft elementknopen, tekstknopen en aantekeningknopen.

ElementDe witruimte tussen elementen is ook een tekstknop.

en elementen zijn alleen elementknopen.

Zoonknooppunten en zoon-elementen

childNodes RetourneerZoonknoop(Elementknopen, tekstknopen en aantekeningknopen).

children RetourneerZoon-elementen(Niet tekst en aantekeningknopen).

firstChild en firstElementChild

firstChild Retourneer de eersteZoonknoop(Elementknopen, tekstknopen of aantekeningknopen). De witruimte tussen elementen is ook een tekstknop.

firstElementChild Retourneer de eersteZoon-elementenGeen tekstknopen en aantekeningknopen worden geretourneerd (niet retourneren).

lastChild en lastElementChild

lastChild Retourneer de laatsteZoonknoop(Elementknopen, tekstknopen of aantekeningknopen). De witruimte tussen elementen is ook een tekstknop.

lastElementChild Retourneer de laatsteZoon-elementenGeen tekstknopen en aantekeningknopen worden geretourneerd (niet retourneren).

Syntax

element.firstElementChild

Retourwaarde

Type Beschrijving
Node De eerste zoon van het element. Geen kinderen, dan wordt null geretourneerd.

Browserondersteuning

element.firstElementChild is een DOM Level 3 (2004) kenmerk.

Alle browsers ondersteunen het volledig:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning 9-11 Ondersteuning Ondersteuning Ondersteuning Ondersteuning