HTML DOM lastChild Propery

<Elemen Object

Contoh

Dapatkan konten HTML dari simpul anak terakhir dari <ul> elemen:

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

Hasil x akan:

Tea

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Properti lastChild mengembalikan node anak terakhir dari node yang ditentukan, sebagai objek Node.

Perbedaan antara properti ini dan lastElementChild , adalah bahwa lastChild mengembalikan node anak terakhir sebagai simpul elemen, node teks atau komentar simpul (depending on which one's last) , sedangkan lastElementChild mengembalikan node anak terakhir sebagai simpul elemen (ignores text and comment nodes) .

Catatan: Whitespace di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai node (See "More Examples") .

Properti ini adalah read-only.

Tip: Gunakan .childNodes elemen properti untuk kembali setiap node anak dari node yang ditentukan.

Tip: Untuk kembali simpul anak pertama dari node yang ditentukan, gunakan firstChild properti.

Dukungan Browser

Milik
lastChild	iya nih	iya nih	iya nih	iya nih	iya nih

Sintaksis

node .lastChild

Rincian teknis

Kembali Nilai:	Sebuah objek Node, yang mewakili anak terakhir dari node, atau null jika tidak ada node anak
DOM Versi	Inti Level 1 Node Obyek

Contoh lebih

Contoh

Dalam contoh ini, kita menunjukkan bagaimana spasi mungkin interfare dengan properti ini.

Dapatkan nama node dari node anak terakhir dari <div> elemen:

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

Hasil x akan:

#text

Cobalah sendiri "

Contoh

Namun, jika kita menghapus spasi dari sumber, tidak ada node #text di <div>, yang akan membuat <span> elemen node anak terakhir:

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

Hasil x akan:

SPAN

Cobalah sendiri "