HTML DOM Element lastElementChild eigenschap

Definitie en gebruik

lastElementChild Eigenschappen retourneren het laatste onderliggende element van het element.

lastElementChild Eigenschappen zijn alleen lezen.

Zie ook:

children eigenschap

firstElementChild eigenschap

childElementCount eigenschap

tagName eigenschap

childNodes eigenschap

HTML knopen en elementen

In HTML DOMIn het (Document Object Model), is een HTML-document een verzameling knopen die (of zonder) onderliggende knopen hebben.

Knoopbetekent elementknopen, tekstknopen en annotatieknopen.

ElementDe witruimte tussen hen is ook een tekstknoop.

Terwijl elementen alleen elementknopen zijn.

Onderliggende knopen en onderliggende elementen

childNodes RetourneerOnderliggende knopen（Elementknopen, tekstknopen en annotatieknopen）.

children RetourneerOnderliggende elementen（Niet terugkerend voor tekst- en annotatieknopen）.

firstChild en firstElementChild

firstChild Retourneer de eersteOnderliggende knopen（Elementknopen, tekstknopen of annotatieknopen）. De witruimte tussen elementen is ook een tekstknoop.

firstElementChild Retourneer de eersteOnderliggende elementen（Niet terugkerend voor tekstknopen en annotatieknopen）。

lastChild en lastElementChild

lastChild Retourneer de laatsteOnderliggende knopen（Elementknopen, tekstknopen of annotatieknopen）. De witruimte tussen elementen is ook een tekstknoop.

lastElementChild Retourneer de laatsteOnderliggende elementen（Niet terugkerend voor tekstknopen en annotatieknopen）。

Voorbeeld

Voorbeeld 1

Verkrijg de HTML-inhoud van de laatste onderliggende element van het <ul>-element:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Probeer het zelf

Voorbeeld 2

Verkrijg de naam van het label van de laatste onderliggende element van het <div>-element:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Probeer het zelf

Voorbeeld 3

Verkrijg de tekst van de laatste onderliggende element van het <select>-element:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Probeer het zelf

Syntaxis

element.lastElementChild

Retourwaarde

Type Beschrijving
Knoop De laatste onderliggende element van het element.
null Als er geen kinderen zijn.

Browserondersteuning

element.lastElementChild Het is een DOM Level 3 (2004) kenmerk.

Deze functie wordt volledig ondersteund door alle browsers:

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