Cara Penggunaan Properti childElementCount DOM pada HTML

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.

Sintak:
node.childElementCount

Catatan: node adalah object yang merepresentasikan dokumen atau elemen.

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

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

Komentar

  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

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C