firstElementChild Özelliği
firstElementChild özelliği
ilk alt öğeyi içerir. Alt öğeler,
bloğun içinde doğrudan bulunan
tüm etiketlerdir. Eğer öğenin
alt öğesi yoksa - null değeri döndürülür.
Sözdizimi
öğe.firstElementChild;
Örnek
Öğenin ilk alt öğesinin içeriğini alalım:
<div id="parent">
<p>1</p>
<p>2</p>
</div>
let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;
console.log(text);
Kodun çalıştırılmasının sonucu:
'1'
Örnek
Şimdi ise öğenin alt öğesi yok
ve bu nedenle null değeri görüntülenecek:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);
Kodun çalıştırılmasının sonucu:
null
Ayrıca Bakınız
-
son öğeyi içeren
lastElementChildözelliği,
-
öğenin tüm alt öğelerini içeren
childrenözelliği,
-
ilk düğümü içeren
firstChildözelliği,
