lastElementChild Özelliği
lastElementChild özelliği,
içinde son alt öğeyi barındırır. Alt öğeler,
bloğun içinde doğrudan bulunan tüm etiketler olarak kabul edilir.
Eğer öğenin alt öğesi yoksa - null döndürülür.
Sözdizimi
öğe.lastElementChild;
Örnek
Öğenin son 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.lastElementChild.textContent;
console.log(text);
Kodun çalıştırılmasının sonucu:
'2'
Örnek
Ve şimdi öğenin alt öğesi yok
ve bu nedenle null görüntülenecek:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);
Kodun çalıştırılmasının sonucu:
null
Ayrıca Bakınız
-
ilk öğeyi içeren
firstElementChildözelliği,
-
öğenin tüm alt öğelerini içeren
childrenözelliği,
-
son düğümü içeren
lastChildözelliği,
