tutorial pengembangan web terbaru
 

HTML DOM childNodes Propery

<Elemen Object

Contoh

Dapatkan koleksi <body> node anak elemen:

var c = document.body.childNodes;
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Properti childNodes mengembalikan koleksi node anak node, sebagai objek NodeList.

Node dalam koleksi diurutkan seperti yang muncul dalam kode sumber dan dapat diakses oleh angka indeks. indeks dimulai dari 0.

Catatan: Whitespace di dalam elemen dianggap sebagai teks, dan teks dianggap sebagai node. Komentar juga dianggap sebagai node.

Tip: Anda dapat menggunakan panjang milik objek NodeList untuk menentukan jumlah node anak, maka Anda dapat loop melalui semua node anak dan ekstrak info yang Anda inginkan.

Properti ini adalah read-only.

Tip: Untuk mengembalikan koleksi node elemen node (excluding text and comment nodes) , menggunakan anak-anak properti.

Tip: .childNodes elemen [0] akan menghasilkan hasil yang sama dengan firstChild properti.


Dukungan Browser

Milik
childNodes iya nih iya nih iya nih iya nih iya nih

Sintaksis

element .childNodes

Rincian teknis

Kembali Nilai: Sebuah objek NodeList, mewakili kumpulan node. Node dalam koleksi dikembalikan diurutkan seperti yang muncul dalam kode sumber
DOM Versi Inti Level 1 Elemen Object

contoh

Contoh lebih

Contoh

Cari tahu berapa banyak anak node a <div> elemen memiliki:

var c = document.getElementById("myDIV").childNodes.length;

Hasil c akan:

5
Cobalah sendiri "

Contoh

Mengubah warna latar belakang dari node anak kedua (index 1) dari <div> elemen:

var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow";
Cobalah sendiri "

Contoh

Dapatkan teks node anak ketiga (index 2) dari <select> elemen:

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

Hasil c akan:

Saab
Cobalah sendiri "

Pages terkait

Referensi HTML DOM: simpul. firstChild Properti

Referensi HTML DOM: simpul. lastChild Properti

Referensi HTML DOM: simpul. parentNode Properti

Referensi HTML DOM: simpul. nextSibling Properti

Referensi HTML DOM: simpul. previousSibling Properti

Referensi HTML DOM: simpul. nodeName Properti


<Elemen Object