HTML DOM Element lastElementChild özelliği

Tanım ve Kullanım

lastElementChild Özellik, elementin en son alt elementini döndürür.

lastElementChild Özellikler salt okunurdur.

Ayrıca bakınız:

children özelliği

firstElementChild özelliği

childElementCount özelliği

tagName özelliği

childNodes özelliği

HTML nodları ile elementler

HTML HTML DOMBelirttiğimiz (Doküman Object Model) içinde, HTML belgesi, alt nodlara sahip (veya sahip olmayan) bir nod kümesi olarak tanımlanır.

DüğümElement düğümleri, metin düğümleri ve yorum düğümlerini ifade eder.

ElementArasındaki boşluk da metin düğümüdür.

Ancak elementler sadece element düğümleridir.

Alt düğümler ile alt elementler

childNodes DöndürürAlt düğümElement düğümleri, metin düğümleri ve yorum düğümleri (element düğümleri, metin düğümleri ve yorum düğümleri).

children DöndürürAlt elementMetin ve yorum düğümleri değil.

firstChild ile firstElementChild

firstChild İlkini döndürürAlt düğümElement düğümleri, metin düğümleri veya yorum düğümleri (elementler arasındaki boşluk da metin düğümüdür).

firstElementChild İlkini döndürürAlt elementMetin düğümleri ve yorum düğümleri döndürmez.

lastChild ile lastElementChild

lastChild Sonuncusunu döndürürAlt düğümElement düğümleri, metin düğümleri veya yorum düğümleri (elementler arasındaki boşluk da metin düğümüdür).

lastElementChild Sonuncusunu döndürürAlt elementMetin düğümleri ve yorum düğümleri döndürmez.

Örnek

Örnek 1

<ul> elementinin en son çocuk elementinin HTML içeriğini almak için:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Kişisel Deneyim

Örnek 2

<div> elementinin en son çocuk elementinin etiket adını almak için:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Kişisel Deneyim

Örnek 3

<select> elementinin en son çocuk elementinin metnini almak için:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Kişisel Deneyim

Gramer

element.lastElementChild

Dönüş değeri

Tür Açıklama
Düğüm Son sonucu döndüren element
null Eğer çocuk yoksa.

Tarayıcı Destek

element.lastElementChild DOM Seviye 3 (2004) özelliğidir.

Tüm tarayıcılar tamamen onu destekler:

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