Ominaisuus firstElementChild
Ominaisuus firstElementChild sisältää
ensimmäisen lapsialkion. Lapsialkioina
pidetään kaikkia tunnisteita, jotka suoraan
sijaitsevat lohkon sisällä. Jos alkioilla
ei ole lapsialkioita - palautetaan null.
Syntaksi
alkio.firstElementChild;
Esimerkki
Haetaan ensimmäisen lapsen sisältö:
<div id="parent">
<p>1</p>
<p>2</p>
</div>
let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;
console.log(text);
Koodin suorituksen tulos:
'1'
Esimerkki
Nyt alkioilla ei ole lapsialkioita
ja siksi tulostuu null:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);
Koodin suorituksen tulos:
null
Katso myös
-
ominaisuus
lastElementChild,
joka sisältää viimeisen alkion -
ominaisuus
children,
joka sisältää kaikki alkion lapset -
ominaisuus
firstChild,
joka sisältää ensimmäisen solmun
