Properti HTML DOM Element firstChild

Definisi dan penggunaan

firstChild Properti mengembalikan node pertama anak dari node yang ditentukan, dalam bentuk objek Node.

firstChild Properti hanya-baca.

firstChild Properti sama dengan childNodes[0] Sama.

Perhatian

firstChild Kembalikan node pertama anak:

Spasi antara elemen juga adalah node teks.

Alternatif:

Properti firstElementChild - firstElementChild Properti mengembalikan elemen pertama (melihat luas node teks dan komentar).

Lihat pula:

Properti childNodes

Properti lastChild

Properti nextSibling

Properti previousSibling

Properti atribut node

Properti parentNode

Properti nodeName

Properti nodeType

Properti nodeValue

Contoh

Contoh 1

Kembalikan konten HTML pertama anak dari element <ul>:

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

Coba Sendiri

Contoh 2

Ambil teks pertama anak dari element <select>:

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

Coba Sendiri

Contoh 3

Contoh demonstrasi gangguan spasi.

Coba mengambil nama node pertama anak dari element "myDIV":

<div id="myDIV">
  <p>Lihat seperti Child pertama</p>
  <p>Lihat seperti Child terakhir</p>
</div>
<script>
let text = document.getElementById("myDIV").firstChild.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").firstChild.nodeName;
</script>

Coba Sendiri

Node HTML dengan elemen

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

NodeAdalah node elemen, node teks, dan node catatan.

ElemenJarak putih antara mereka juga adalah node teks.

Elemen hanya node elemen.

Node anak dengan elemen anak

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

children KembalikanAnak elemen（tidak termasuk node teks dan node catatan）。

firstChild dengan firstElementChild

firstChild Kembalikan pertamaAnak node（node elemen, node teks, atau node catatan）。Jarak putih antara elemen juga adalah node teks.

firstElementChild Kembalikan pertamaAnak elemen（tidak mengembalikan node teks dan node catatan）。

lastChild dengan lastElementChild

lastChild Kembalikan terakhirAnak node（node elemen, node teks, atau node catatan）。Jarak putih antara elemen juga adalah node teks.

lastElementChild Kembalikan terakhirAnak elemen（tidak mengembalikan node teks dan node catatan）。

Sintaks

element.firstChild

atau

node.firstChild

Nilai kembalian

Tipe Deskripsi
Node

Anak pertama dari node.

Jika tanpa anak, kembalikan null.

Dukungan Peramban

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

Semua peramban mendukungnya sepenuhnya:

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