Mendapatkan Nilai Panjang Item HTML Menggunakan Properti Length DOM
Properti length DOM pada html digunakan untuk mendapatkan angka dari item pada object NodeList. NodeList adalah kumpulan atau koleksi dari node child. Contoh, NodeList dari body akan mengandung semua node child pada body itu sendiri seperti komentar, heading, script, dan lain sebagainya.
Sintak:
nodelist.length
Contoh, ilustrasi dari properti length DOM pada html:
 |
| Ilustrasi Properti Length DOM HTML |
Sebelum memahami lebih dalam materi tentang Mendapatkan Nilai Panjang Item HTML Menggunakan Properti Length DOM, terlebih dahulu pelajari materi tentang: Method Item HTML DOM dan Fungsinya [klik], Memerika ID Elemen HTML Menggunakan Properti isID DOM [klik], dan Mendapatkan Nama Item HTML Menggunakan Method getNamedItem DOM [klik].
nodelist.length
Value Return: akan mengembalikan value numerik yang merepresentasikan angka dari node pada nodelist.
Baca Juga:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Length DOM
</title>
<script>
function bonbonFunction()
{
var node_list = document.body.childNodes;
var elements = "";
var i;
for (i = 0; i < node_list.length; i++)
{
elements = elements
+ node_list[i].nodeName
+ " ";
}
elements = elements
+ "<br> Length: "
+ document.body.childNodes.length;
document.getElementById("demo").innerHTML =
elements;
}
</script>
</head>
<body style = "text-align:center">
<h1>
Blog Elfan
</h1>
<h2>
Properti Length DOM
</h2>
<button
onclick="bonbonFunction()">
Klik Disini!
</button>
<p id="demo"></p>
</body>
</html>
Contoh:
Blog Elfan
Properti Length DOM
Referensi Tambahan:
- 2 Contoh Penggunaan Method console.assert() DOM pada HTML [klik]
- Cara Penggunaan Method console.clear() DOM pada HTML [klik]
- Cara Penggunaan Method console.count() DOM pada HTML [klik]
- Cara Penggunaan Method console.error() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.group() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method console.groupCollapsed() pada HTML [klik]
- Cara Penggunaan Method console.groupEnd() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Bagus Imawan, Belqis Aulia, Devia Maulida Himmatun Nafisa, Diko Satrio Graito Kencono, dan Dwi Sukmawati.
Apa fungsi properti length pada html dom?
BalasHapusProperti length mengembalikan jumlah node dalam object NodeList.
HapusApakah contoh dari object nodelist pada html dom?
BalasHapusKumpulan node child dari object node adalah contoh dari object NodeList.
HapusJenis browser apa saja yang dapat digunakan untuk mengaktifkan properti length pada html dom?
BalasHapusBerikut beberapa jenis browser yang populer yang dapat digunakan untuk mengaktifkan properti length dom pada html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari