Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Menghitung Elemen Child HTML Menggunakan childElementCount DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
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.


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, Atribut Properti DOM HTML dan Fungsinya, dan Membuat Node Teks HTML Menggunakan appendChild DOM.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimRabu, 09 Februari 2022 pukul 07.56.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimRabu, 09 Februari 2022 pukul 07.57.00 WIB

      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. AnonimRabu, 23 Februari 2022 pukul 12.09.00 WIB

    Apa fungsi method childElementCount() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimRabu, 23 Februari 2022 pukul 12.10.00 WIB

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

      Hapus
    2. AnonimRabu, 23 Februari 2022 pukul 12.10.00 WIB

      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 -