HTML DOM lastChild Propery

<Eleman Nesne

Örnek

Bir son çocuk düğümün HTML içeriği alın <ul> elemanı:

var x = document.getElementById("myList").lastChild.innerHTML;

X'in sonucu olacaktır:

Tea

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

lastChild tesiste Düğüm nesnesi olarak, belirtilen düğümün son çocuk düğümü döndürür.

Bu özellik arasındaki fark lastElementChild , lastChild bir eleman düğümü, bir metin düğümü veya yorum düğüm olarak son çocuk düğümü döndürür olmasıdır (depending on which one's last) lastElementChild bir eleman düğümü olarak son çocuk düğümü döndürür iken, (ignores text and comment nodes) .

Not: elemanların iç Boşluk metin olarak kabul edilir ve metin düğümleri olarak kabul edilir (See "More Examples") .

Bu özellik salt okunur.

İpucu: kullan eleman .childNodes belirli bir düğümün herhangi bir alt düğüm dönmek için özellik.

İpucu: Belirli bir düğümün ilk çocuk düğüm dönmek kullanmak için firstChild özelliğini.

Tarayıcı Desteği

özellik
lastChild	Evet	Evet	Evet	Evet	Evet

Sözdizimi

node .lastChild

Teknik detaylar

Geri dönüş değeri:	Herhangi bir alt düğüm varsa bir düğüm veya null son alt temsil eden bir düğüm bir amacı,
DOM Sürüm	Çekirdek Seviye 1 Düğüm Nesne

Diğer Örnekler

Örnek

Bu örnekte, boşluk bu özelliğiyle interfare nasıl göstermektedir.

Bir son çocuk düğüm düğüm adını alın <div> elemanı:

<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>

X'in sonucu olacaktır:

#text

Kendin dene "

Örnek

Biz kaynağından boşluk kaldırmak Ancak, yapacak <div> hiçbir #text düğümleri vardır <span> eleman en son çocuk düğüm:

<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>

X'in sonucu olacaktır:

SPAN

Kendin dene "