properti HTML DOM Element lastChild

definisi dan penggunaan

lastChild properti kembalikan terakhir node anak yang ditentukan, dalam bentuk objek Node.

lastChild properti hanya baca.

perhatian

lastChild yang dikembalikan adalah node anak ini: node elemen, node teks atau node catatan.

spasi antara elemen juga adalah node teks.

solusi alternatif:

properti lastElementChild - lastElementChild properti kembalikan terakhir elemen anak (abaikan node teks dan node catatan).

lihat pula:

properti childNodes

properti firstChild

properti nextSibling

properti previousSibling

properti node

properti parentNode

properti nodeName

properti nodeType

properti nodeValue

node HTML dan elemen

di HTML DOM（Dokumentasi Objek Model, DOM）di dalam, dokumen HTML adalah kumpulan node yang memiliki (atau tidak memiliki) node anak.

Nodemerupakan node elemen, node teks dan node catatan.

elemenspasi antara mereka juga adalah node teks.

sedangkan elemen hanya node elemen.

node anak dan elemen anak

childNodes kembalikanChild node（node elemen, node teks dan node catatan）。

children kembalikanChild element（tidak seperti node teks dan node catatan）。

firstChild dan firstElementChild

firstChild kembalikan pertamaChild node（Node element, node teks, atau node catatan）. Spasi antara elemen juga adalah node teks.

firstElementChild kembalikan pertamaChild element（Tidak mengembalikan node teks dan node catatan）.

lastChild dan lastElementChild

lastChild Kembalikan yang terakhirChild node（Node element, node teks, atau node catatan）. Spasi antara elemen juga adalah node teks.

lastElementChild Kembalikan yang terakhirChild element（Tidak mengembalikan node teks dan node catatan）.

Contoh

Contoh 1

Kembalikan konten HTML child terakhir node <ul>:

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

Coba Sendiri

Contoh 2

Ambil teks child terakhir node <select>:

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

Coba Sendiri

Contoh 3

Contoh ini menunjukkan gangguan spasi, coba mendapatkan nama node child terakhir "myDIV":

<div id="myDIV">
  <p>Kelihatannya Child Pertama</p>
  <p>Kelihatannya Child Terakhir</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Coba Sendiri

Contoh 4

Namun, jika Anda menghapus spasi dari sumber, tidak ada node #text di "myDIV":

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

Coba Sendiri

Sintaks

element.lastChild

atau

node.lastChild

Kembalian nilai

Tipe Deskripsi
Node Node terakhir anak node.
null Jika tanpa anak.

Dukungan Peramban

element.lastChild Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya penuhnya:

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