HTML DOM Element lastChild özelliği

Tanım ve Kullanım

lastChild Özellik, belirtilen düğümün son alt düğümünü Node nesnesi olarak döndürür.

lastChild Özellikler salt okunurdur.

Dikkat:

lastChild Dönüşen bu alt düğümler: element düğümleri, yazı düğümleri veya yorum düğümleridir.

Element arasındaki boşluklar da yazı düğümleridir.

Alternatif çözüm:

lastElementChild özelliği - lastElementChild Özellik, son alt elementi döndürür (yazı ve yorum düğümleri göz ardı edilir)。

Ayrıca bakınız:

childNodes özelliği

firstChild özelliği

nextSibling özelliği

previousSibling özelliği

Düğüm özellikleri

parentNode özelliği

nodeName özelliği

nodeType özelliği

nodeValue özelliği

Düğüm ile element

HTML HTML DOM（Doküman Obje Modeli）'nde, HTML belgesi alt düğümleri olan (veya olmayan) düğüm kümesidir.

DüğümElement düğümleri, yazı düğümleri ve yorum düğümleri demektir.

ElementAradaki boşluklar da yazı düğümleridir.

Ancak elementler sadece element düğümleridir.

Alt düğümler ile alt elementler

childNodes DönüşAlt düğüm（element düğümleri, yazı düğümleri ve yorum düğümleri）。

children DönüşAlt element（yazı ve yorum düğümleri yerine）。

firstChild ile firstElementChild

firstChild İlk tanımlananAlt düğüm（Element düğümü, metin düğümü veya yorum düğümü）。Element arasındaki boşluklar da metin düğümüdür.

firstElementChild İlk tanımlananAlt element（Metin düğümü ve yorum düğümü dönmemezdir）.

lastChild ile lastElementChild

lastChild Sonuncusunu döndürürAlt düğüm（Element düğümü, metin düğümü veya yorum düğümü）。Element arasındaki boşluklar da metin düğümüdür.

lastElementChild Sonuncusunu döndürürAlt element（Metin düğümü ve yorum düğümü dönmemezdir）.

Örnek

Örnek 1

<ul> elementinin en son alt çocuğunun HTML içeriğini döndürür:

document.getElementById("myList").lastChild.innerHTML;

Kişisel olarak deneyin

Örnek 2

<select> elementinin en son alt çocuğunun metnini almak için:

let text = document.getElementById("mySelect").lastChild.text;

Kişisel olarak deneyin

Örnek 3

Bu örnek, boşlukların karışıklığını gösterir, "myDIV" in en son alt çocuğunun düğüm adını almak için deneyin:

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Kişisel olarak deneyin

Örnek 4

Ancak, eğer kaynaktan boşlukları silerseniz, "myDIV" de #text düğümü yok:

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Kişisel olarak deneyin

Sözdizimi

element.lastChild

veya

node.lastChild

Dönüş değeri

Tip Açıklama
Düğüm Düğümün en son alt çocuğu.
null Eğer alt çocuk yoksa.

Tarayıcı desteği

element.lastChild Bu, DOM Level 1 (1998) özelliğidir.

Tüm tarayıcılar tamamen destekler:

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