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.
Sintak:
node.childElementCount
Catatan: node adalah object yang merepresentasikan dokumen atau elemen.
Return Values: mengembalikan angka dari elemen child dari elemen yang diberikan sebelumnya.
Contoh:
 |
| 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].
node.childElementCount
Return Values: mengembalikan angka dari elemen child dari elemen yang diberikan sebelumnya.
Baca Juga:
<!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
Referensi Tambahan:
- Cara Penggunaan Method click() DOM pada HTML [klik]
- Cara Penggunaan Properti clientHeight DOM pada HTML [klik]
- Cara Penggunaan Properti clientLeft DOM pada HTML [klik]
- Cara Penggunaan Properti clientTop DOM pada HTML [klik]
- Cara Penggunaan Properti clientWidth DOM pada HTML [klik]
- 2 Contoh Penggunaan Method cloneNode() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method compareDocumentPosition() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Erick Bayuda, Erwin Manik, Fadilla Rachman Darmawansyah. R., Fadlan Satya Hakim, dan Fadzilah Sukmawati.
Jenis browser apa yang dapat digunakan untuk mengaktifkan method childElementCount() DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan method childElementCount() DOM pada HTML:
Hapus1. Google Chrome 2.0
2. Internet Explorer 9.0
3. Firefox 3.5
4. Opera 10.0
5. Safari 4.0
Apa fungsi method childElementCount() DOM pada HTML?
BalasHapusProperti read-only Element.childELementCount pada DOM HTML berfungsi untuk mengembalikan jumlah elemen turunan dari elemen saat ini.
HapusProperti HTML DOM childElementCount merupakan properti read-only yang berfungsi untuk mengembalikan jumlah elemen turunan dari elemen tertentu.
Hapus