Aturan childNodes HTML DOM Element

Definisi dan penggunaan

childNodes Aturan mengembalikan koleksi node anak elemen (daftar).

childNodes Aturan mengembalikan objek NodeList.

childNodes Aturan hanya-baca.

childNodes[0] Sama seperti firstChild.

Pemberitahuan

childNodes Mengembalikan node: node elemen, node teks, dan node catatan.

Jarak antara elemen juga adalah node teks.

Alternatif:

Aturan children - children Aturan mengembalikan elemen anak (melupakan teks dan catatan).

Lihat pula:

Aturan firstChild

Aturan lastChild

Aturan nextSibling

Aturan previousSibling

Metode hasChildNodes()

Aturan node

Aturan parent node

Aturan node

Properti nodeType

Properti nodeValue

Node HTML dan Elemen

Dalam HTML DOM(Document Object Model) di mana dokumen HTML adalah kumpulan node (atau tanpa) yang memiliki node anak.

NodeMerujuk kepada node elemen, node teks, dan node catatan.

ElemenAntara spasi yang kosong juga adalah node teks.

Sementara elemen hanya node elemen.

Node Anak dan Anak Elemen

childNodes MengembalikanNode Anak(node elemen, node teks, dan node catatan).

children MengembalikanAnak Elemen(tidak termasuk node teks dan catatan).

Teman dan Teman Elemen

TemanAdalah "kakak" dan "adik".

TemanAdalah node yang memiliki ayah yang sama (pada yang sama childNodes dalam daftar).

Teman elemenAdalah elemen yang memiliki ayah yang sama (pada yang sama children dalam daftar).

Contoh

Contoh 1

Dapatkan node anak <body>:

const nodeList = document.body.childNodes;

Coba Sendiri

Contoh 2

Dapatkan jumlah node anak "myDIV":

let numb = document.getElementById("myDIV").childNodes.length;

Coba Sendiri

Contoh 3

Ubah warna latar belakang anak kedua:

element.childNodes[1].style.backgroundColor = "yellow";

Coba Sendiri

Contoh 4

Dapatkan teks dari node ketiga anak <select>:

let text = document.getElementById("mySelect").childNodes[2].text;

Coba Sendiri

Sintaks

element.childNodes

Nilai Pengembalian

Tipe Deskripsi
Objek

Koleksi objek NodeList node.

Node diurutkan berdasarkan urutan munculnya di dokumen.

Dukungan Peramban

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

Semua peramban mendukungnya penuh:

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