HTML DOM lastChild Özelliği
Örnek
Bir <ul> öğesinin son alt düğümünün HTML içeriğini alın:
var x = document.getElementById("myList").lastChild.innerHTML;
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
lastChild özelliği, belirtilen düğümün son alt düğümünü bir Node nesnesi olarak döndürür.
Bu özellik ile lastElementChild arasındaki fark , lastChild'in son alt düğümü bir öğe düğümü, bir metin düğümü veya bir yorum düğümü (hangisinin sonuncusuna bağlı olarak) olarak döndürmesi, lastElementChild ise son alt düğümü bir öğe düğümü olarak döndürmesidir (metni yoksayar). ve yorum düğümleri).
Not: Öğelerin içindeki boşluk metin olarak kabul edilir ve metin düğüm olarak kabul edilir (Bkz. "Diğer Örnekler").
Bu özellik salt okunurdur.
İpucu: Belirtilen bir düğümün herhangi bir alt düğümünü döndürmek için element .childNodes özelliğini kullanın.
İpucu: Belirtilen bir düğümün ilk alt düğümünü döndürmek için firstChild özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
node.lastChild
Teknik detaylar
Geri dönüş değeri: | Bir düğümün son alt öğesini temsil eden bir Düğüm nesnesi veya alt düğüm yoksa null |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi |
Daha fazla örnek
Örnek
Bu örnekte, boşlukların bu özellik ile nasıl etkileşime girebileceğini gösteriyoruz.
Bir <div> öğesinin son alt düğümünün düğüm adını alın:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Örnek
Ancak, boşlukları kaynaktan kaldırırsak, <div> içinde, <span> öğesini son alt düğüm yapacak #text düğümü olmaz:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Örnek
Bir <select> öğesinin son alt düğümünün metnini alın:
var x = document.getElementById("mySelect").lastChild.text;
İlgili Sayfalar
HTML DOM referansı: düğüm. ilkÇocuk Mülkü
HTML DOM referansı: düğüm. childNodes Özellik
HTML DOM referansı: düğüm. parentNode Özellik
HTML DOM referansı: düğüm. nextSibling Mülkü
HTML DOM referansı: düğüm. öncekiKardeş Mülkü
HTML DOM referansı: düğüm. nodeName Özellik