Lompat ke konten Lompat ke sidebar Lompat ke footer

Menghitung Elemen Child HTML Menggunakan childElementCount DOM

Properti childElementCount DOM pada HTML digunakan untuk menghitung jumlah dari elemen child dan nilai return-nya. Properti ini hanya menghitung elemen child kecuali untuk tipe teks dan node komentar.

Cara Penggunaan Properti childElementCount DOM pada HTML
Ilustrasi childElementCount DOM HTML

Sebelum memahami lebih dalam materi tentang Menghitung Elemen Child HTML Menggunakan childElementCount DOM, terlebih dahulu pelajari materi tentang: Menghapus Fokus Keyboard HTML Menggunakan Method Blur DOM [klik], Atribut Properti DOM HTML dan Fungsinya [klik], dan Membuat Node Teks HTML Menggunakan appendChild DOM [klik].

Sintak:
node.childElementCount

Catatan: node adalah object yang merepresentasikan dokumen atau elemen.

Return Values: mengembalikan angka dari elemen child dari elemen yang diberikan sebelumnya.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti childElementCount DOM

</title>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti childElementCount DOM

</h2>

 

<p>

Algoritma Searching

</p>

 

<ul id="parent">

<li>Merge sort</li>

<li>Quick sort</li>

</ul>

 

<button 

onclick="bonbon()">

Click Here!

</button>

 

<p id="p"></p>

 

<script>

function bonbon() 

{

var doc =

document.getElementById("parent").childElementCount;

document.getElementById("p").innerHTML =

"No of entries: " + doc;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti childElementCount DOM

Algoritma Searching

  • Merge sort
  • Quick sort


Artikel ini didedikasikan kepada: Erick Bayuda, Erwin Manik, Fadilla Rachman Darmawansyah. R., Fadlan Satya Hakim, dan Fadzilah Sukmawati.

5 komentar untuk "Menghitung Elemen Child HTML Menggunakan childElementCount DOM"

  1. Jenis browser apa yang dapat digunakan untuk mengaktifkan method childElementCount() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah jenis browser yang dapat digunakan untuk mengaktifkan method childElementCount() DOM pada HTML:
      1. Google Chrome 2.0
      2. Internet Explorer 9.0
      3. Firefox 3.5
      4. Opera 10.0
      5. Safari 4.0

      Hapus
  2. Apa fungsi method childElementCount() DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti read-only Element.childELementCount pada DOM HTML berfungsi untuk mengembalikan jumlah elemen turunan dari elemen saat ini.

      Hapus
    2. Properti HTML DOM childElementCount merupakan properti read-only yang berfungsi untuk mengembalikan jumlah elemen turunan dari elemen tertentu.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -