element.lastChild özelliği, elementin son alt elemanını verir.
Sözdizimi
eleman = element.lastChild
Dönüş Değeri
| eleman | ELEMENT tipinde düğüm. Alt eleman olmaması durumunda null döner. |
Aşağıdaki örnek, element.lastChild özelliğini kullanarak içinde iki tane div bulunan bir div elementinin son düğümünün alınıp bazı özelliklerinin sayfaya yazdırılmasını göstermektedir.
Not : Aşağıdaki canlı sonucu veren kodlar da div etiketleri arasında boşluk bırakılmamışdır. Eğer etiketleri boşluk bırakarak veya Tab kullanarak düzenlerseniz Firefox, Netscape ve Safari tarayıcıları son düğümü boşluk veya Tab karakteri olarak görerek, TEXT_NODE olarak değerlendirebilir.
<div id="AnaDiv" style="border: solid 1px black;">
<div id="AltDiv1">İçerik-1</div>
<div id="AltDiv2">İçerik-2</div>
</div>
<script type="text/javascript">
var SonDugum = document.getElementById('AnaDiv').lastChild;
document.write("Düğüm Kimlik : " + SonDugum.id + "<br/>");
document.write("Düğüm Tipi : " + SonDugum.nodeType + "<br/>");
document.write("Düğüm Adı : " + SonDugum.nodeName + "<br/>");
document.write("Düğüm Değeri : " + SonDugum.nodeValue + "<br/>");
document.write("Düğüm innerHTML : " + SonDugum.innerHTML + "<br/>");
</script>
Canlı Sonuç