Elemen DOM HTML childNodes
Objek ElemenContoh
Dapatkan node anak elemen <body>:
const nodeList = document.body.childNodes;
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Properti childNodes
mengembalikan koleksi (daftar) simpul anak elemen.
Properti childNodes
mengembalikan objek NodeList.
Properti childNodes
ini hanya-baca.
Catatan
Spasi di dalam elemen dianggap sebagai node teks.
Komentar juga dianggap sebagai node.
childNodes[0]
adalah sama dengan firstChild
.
Sebuah perbedaan
Properti childNodes
mengembalikan semua simpul anak , termasuk simpul teks dan simpul komentar, sedangkan children
properti hanya mengembalikan elemen anak .
Lihat juga:
Daftar Node
NodeList adalah kumpulan (daftar) Objek Node seperti array.
NodeList memiliki properti length yang mengembalikan jumlah node dalam daftar.
Node dapat diakses dengan nomor indeks. Indeks dimulai dari 0.
Sintaksis
element.childNodes
Nilai Kembali
Jenis | Keterangan |
Obyek | Kumpulan objek NodeList dari node. Node diurutkan seperti yang muncul dalam dokumen. |
Lebih Banyak Contoh
Jumlah node anak dalam elemen <div>:
let numb = document.getElementById("myDIV").childNodes.length;
Ubah warna latar belakang simpul anak kedua:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Dapatkan teks dari simpul anak ketiga dari elemen <select>:
let text = document.getElementById("mySelect").childNodes[2].text;
Dukungan Peramban
element.childNodes
adalah fitur DOM Level 1 (1998).
Ini didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Objek Elemen