Atribut children Element DOM HTML

Definisi dan penggunaan

children Atribut mengembalikan kumpulan element anak.

children Atribut mengembalikan objek HTMLCollection.

Lihat juga:

Atribut firstElementChild

Atribut lastElementChild

Atribut nextElementSibling

Atribut previousElementSibling

Atribut childElementCount

Atribut childNodes

Node HTML dan element

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

NodeMerujuk kepada node element, node teks dan node catatan.

ElementRumus kosong antara mereka juga adalah node teks.

Sementara element hanya node element.

Node anak dan element anak

childNodes KembalikanNode anak（node element, node teks dan node catatan）。

children KembalikanElement anak（bukan node teks dan catatan）。

Kembar bersaudara dan kembar element

SaudaraAdalah 'adik' dan 'adik perempuan'.

SaudaraAdalah node yang memiliki node ayah yang sama (pada tempat yang sama childNodes di dalam daftar).

Saudara elemenAdalah elemen yang memiliki ayah yang sama (pada tempat yang sama children di dalam daftar).

Contoh

Contoh 1

Mengambil koleksi anak elemen <body>:

const collection = document.body.children;

Coba Sendiri

Contoh 2

Berapa banyak elemen anak "myDIV":

let count = document.getElementById("myDIV").children.length;

Coba Sendiri

Contoh 3

Ubah latar belakang anak kedua elemen "myDIV":

const collection = document.getElementById("myDIV").children;
collection[1].style.backgroundColor = "yellow";

Coba Sendiri

Contoh 4

Mengambil teks anak ketiga elemen <select> (indeks 2):

const collection = document.getElementById("mySelect").children[2].text;

Coba Sendiri

Contoh 5

Mengelilingi semua elemen anak <body> dan mengubah latar belakang mereka:

const collection = document.body.children;
for (let i = 0; i < collecton.length; i++) {
  collection[i].style.backgroundColor = "red";
}

Coba Sendiri

Syarat

element.children

Nilai kembalian

Tipe Deskripsi
Objek

Objek HTMLCollection.

Koleksi node elemen.

Elemen diurutkan berdasarkan tempat munculnya di dokumen.

Dukungan pereka

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

Semua pereka browser menolong sepenuhnya:

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