HTML DOM Element lastElementChild-egenskab

Definition og brug

lastElementChild Egenskaben returnerer elementets sidste undernode.

lastElementChild Egenskaber er skrivebeskyttede.

Se også:

children-egenskab

firstElementChild-egenskab

childElementCount-egenskab

tagName-egenskab

childNodes-egenskab

HTML-noder og elementer

I HTML DOMI (Dokumentobjektmodellen), HTML-dokumenter er en samling af noder, der har (eller ikke har) undernoder.

knudepunktpænger på elementknudepunkter, tekstknudepunkter og kommentarknudepunkter.

elementmellemrum mellem dem er også tekstknudepunkter.

mens elementer kun er elementknudepunkter.

underliggende knudepunkter og underliggende element

childNodes returnererunderliggende knudepunkter（elementknudepunkter, tekstknudepunkter og kommentarknudepunkter）.

children returnererunderliggende element（ikke tekst og kommentarknudepunkter）.

firstChild og firstElementChild

firstChild returnerer den førsteunderliggende knudepunkter（elementknudepunkter, tekstknudepunkter eller kommentarknudepunkter）. Mellemrum mellem elementer er også tekstknudepunkter.

firstElementChild returnerer den førsteunderliggende element（ikke returnerer tekstknudepunkter og kommentarknudepunkter）。

lastChild og lastElementChild

lastChild returnerer den sidsteunderliggende knudepunkter（elementknudepunkter, tekstknudepunkter eller kommentarknudepunkter）. Mellemrum mellem elementer er også tekstknudepunkter.

lastElementChild returnerer den sidsteunderliggende element（ikke returnerer tekstknudepunkter og kommentarknudepunkter）。

eksempel

eksempel 1

hent HTML-indholdet for den sidste underliggende element af <ul>-elementet:

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

prøv det selv

eksempel 2

hent etiketten for den sidste underliggende element af <div>-elementet:

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

prøv det selv

eksempel 3

hent teksten for den sidste underliggende element af <select>-elementet:

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

prøv det selv

syntaks

element.lastElementChild

returnerværdi

type beskrivelse
knudepunkt den sidste underliggende element.
null hvis ingen underliggende.

browser understøttelse

element.lastElementChild er en DOM Level 3 (2004) egenskab.

alle browsere understøtter det fuldt ud:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
støtte 9-11 støtte støtte støtte støtte