HTML DOM LastChild Property
Contoh
Dapatkan konten HTML dari simpul anak terakhir dari elemen <ul>:
var x = document.getElementById("myList").lastChild.innerHTML;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti lastChild mengembalikan simpul anak terakhir dari simpul yang ditentukan, sebagai objek Node.
Perbedaan antara properti ini dan lastElementChild , adalah bahwa lastChild mengembalikan simpul anak terakhir sebagai simpul elemen, simpul teks atau simpul komentar (tergantung yang terakhir), sedangkan lastElementChild mengembalikan simpul anak terakhir sebagai simpul elemen (mengabaikan teks dan node komentar).
Catatan: Spasi di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai simpul (Lihat "Contoh Lainnya").
Properti ini hanya-baca.
Tip: Gunakan properti elemen .childNodes untuk mengembalikan simpul anak dari simpul yang ditentukan.
Tip: Untuk mengembalikan node anak pertama dari node tertentu, gunakan properti firstChild .
Dukungan Peramban
| Property | |||||
|---|---|---|---|---|---|
| lastChild | Yes | Yes | Yes | Yes | Yes |
Sintaksis
node.lastChild
Detail Teknis
| Nilai Kembali: | Objek Node, mewakili anak terakhir dari sebuah node, atau null jika tidak ada node anak |
|---|---|
| Versi DOM | Objek Node Tingkat 1 Inti |
Lebih Banyak Contoh
Contoh
Dalam contoh ini, kami menunjukkan bagaimana spasi putih dapat mengganggu properti ini.
Dapatkan nama simpul dari simpul anak terakhir dari elemen <div>:
<!--
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>
Contoh
Namun, jika kita menghapus spasi putih dari sumbernya, tidak ada simpul #teks di <div>, yang akan menjadikan elemen <span> sebagai simpul 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>
Contoh
Dapatkan teks simpul anak terakhir dari elemen <select>:
var x = document.getElementById("mySelect").lastChild.text;
Halaman Terkait
Referensi DOM HTML: simpul. Properti Anak pertama
Referensi DOM HTML: simpul. properti childNodes
Referensi DOM HTML: simpul. properti parentNode
Referensi DOM HTML: simpul. Properti Saudara berikutnya
Referensi DOM HTML: simpul. Properti Saudara sebelumnya
Referensi DOM HTML: simpul. properti nodeName