HTML DOM Element firstElementChild ominaisuus

Määritelmä ja käyttö

firstElementChild Ominaisuus palauttaa määritetyn elementin ensimmäisen lapsen.

firstElementChild Ominaisuus on lukuinen.

firstElementChild Ominaisuus palauttaa children[0] Sama arvo.

Lisäksi katsokaa:

children ominaisuus

childElementCount ominaisuus

lastElementChild ominaisuus

tagName-ominaisuus

childNodes-ominaisuus

Esimerkki

Esimerkki 1

Hanki ensimmäisen lapsen HTML-sisältö:

let text = element.firstElementChild.innerHTML;

Kokeile itse

Esimerkki 2

Hanki "myDIV" -solmun ensimmäisen lapsen tagin nimi:

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

Kokeile itse

Esimerkki 3

Hanki <select>-elementin ensimmäisen lapsen teksti:

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

Kokeile itse

HTML solmut ja elementit

HTML: HTML DOMDokumentitietomallissa (DOM) HTML-dokumentti on solmun joukko, joilla on (tai ei ole) lapsisoluja.

nodettarkoittaa elementti-nodeja, tekstinodeja ja kommenttitekstejä.

ElementtiVälit elementtien välillä ovat myös tekstinodeja.

Ja elementit ovat vain elementti-nodeja.

lapsinodet ja lapsen elementit

childNodes palauttaalapsinodetElementti-nodet, tekstinodeja ja kommenttitekstejä.

children palauttaalapsen elementitEi palauta tekstiä tai kommentteja.

firstChild ja firstElementChild

firstChild palauttaa ensimmäisenlapsinodetElementti-nodet, tekstinodeja tai kommenttitekstejä. Elementtien väliset tyhjät välit ovat myös tekstinodeja.

firstElementChild palauttaa ensimmäisenlapsen elementitEi palauta tekstinodeja tai kommenttitekstejä.

lastChild ja lastElementChild

lastChild palauttaa viimeisenlapsinodetElementti-nodet, tekstinodeja tai kommenttitekstejä. Elementtien väliset tyhjät välit ovat myös tekstinodeja.

lastElementChild palauttaa viimeisenlapsen elementitEi palauta tekstinodeja tai kommenttitekstejä.

syntaksi

element.firstElementChild

palautusarvo

tyyppi kuvaus
Node Elementin ensimmäinen lapsi. Jos ei ole lapsia, palauttaa null.

selaimen tuki

element.firstElementChild Se on DOM Level 3 (2004) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

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