Kurssivihje:

HTML DOM Element lastElementChild-ominaisuus

lastElementChild Määritelmä ja käyttö

lastElementChild Ominaisuus palauttaa elementin viimeisen lapsisolun.

Ominaisuudet ovat lukuisten.

Lisäksi katso:

children-ominaisuus

firstElementChild-ominaisuus

childElementCount-ominaisuus

tagName-ominaisuus

childNodes-ominaisuus

HTML solujen ja elementtien HTML DOMDokumenttiobjektimallissa HTML-dokumentti on solujen kokoelma, joilla on (tai ei ole) lapsisoluja.

solmutarkoittaa elementti solmuja, tekstisolmuja ja kommenttisoluja.

elementtivälit ovat myös tekstisolmuja.

ja elementti on vain elementti solmu.

lapsi solmut ja lapsi elementit

lapsi solmut palauttaalapsi solmuelementti solmut, tekstisolmut ja kommenttisolmut.

lapset palauttaalapsi-elementtiei palauta tekstiä tai kommentteja.

firstChild ja firstElementChild

firstChild palauttaa ensimmäisenlapsi solmuelementti solmu, tekstisolmu tai kommenttisolmu. Elementtien välit ovat myös tekstisolmuja.

firstElementChild palauttaa ensimmäisenlapsi-elementtiei palauta tekstisolmuja tai kommenttisoluja.

lastChild ja lastElementChild

lastChild palauttaa viimeisenlapsi solmuelementti solmu, tekstisolmu tai kommenttisolmu. Elementtien välit ovat myös tekstisolmuja.

lastElementChild palauttaa viimeisenlapsi-elementtiei palauta tekstisolmuja tai kommenttisoluja.

esimerkki

esimerkki 1

Hanki <ul>-elementin viimeisen lapsi-elementin HTML-sisältö:

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

kokeile itse

esimerkki 2

Hanki <div>-elementin viimeisen lapsi-elementin tage nimi:

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

kokeile itse

esimerkki 3

Hanki <select>-elementin viimeisen lapsi-elementin teksti:

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

kokeile itse

syntaksi

element.lastElementChild

palautusarvo

tyyppi kuvaus
solmu elementin viimeinen lapsi-elementti.
null jos ei ole lapsia.

selaimen tuki

element.lastElementChild on DOM Level 3 (2004) ominaisuus.

Kaikki selaimet tukevat sen täysin:

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