Anak-anak Elemen DOM HTML
Objek ElemenContoh
Dapatkan koleksi anak-anak elemen <body>:
const collection = document.body.children;
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Properti children
mengembalikan koleksi elemen anak elemen.
Properti children
mengembalikan objek HTMLCollection.
Sebuah perbedaan
Properti childNodes
mengembalikan semua simpul anak , termasuk simpul teks dan simpul komentar, sedangkan children
properti hanya mengembalikan elemen anak .
Lihat juga:
Koleksi HTML
Sebuah HTMLCollection adalah kumpulan node HTML.
Node dalam koleksi dapat diakses dengan nomor indeks. Indeks dimulai dari 0.
Properti panjang mengembalikan jumlah elemen dalam koleksi.
Sintaksis
element.children
Nilai Kembali
Jenis | Keterangan |
Obyek | Sebuah objek HTMLCollection. Koleksi node elemen. Elemen diurutkan saat muncul di dokumen. |
Lebih Banyak Contoh
Cari tahu berapa banyak anak yang dimiliki elemen <div>:
var c =
document.getElementById("myDIV").children.length;
Ubah warna latar belakang elemen anak kedua dari elemen <div>:
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Dapatkan teks elemen anak ketiga (indeks 2) dari elemen <select>:
var c = document.getElementById("mySelect").children[2].text;
Ulangi semua anak <body> dan ubah warna latar belakang mereka menjadi merah:
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Halaman Terkait
Referensi DOM HTML: Properti childNodes
Dukungan Peramban
element.children
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