Properti Children DOM HTML dan Fungsinya
 |
| Ilustrasi Children DOM HTML |
element.children
<!DOCTYPE html>
<html>
<head>
<title>
Properti children DOM pada
HTML
</title>
<!-- Script untuk menghitung
nilai children dari atribut
parent -->
<script>
function Bons()
{
var count =
document.getElementById("parent").children.length;
document.getElementById("p").innerHTML =
"No of Children: "
+ count;
}
</script>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti children DOM
</h2>
<p>
Algoritm Searching
</p>
<ul id="parent">
<li>Merge sort</li>
<li>Quick sort</li>
</ul>
<button onclick="Bons()">
Klik Disini!
</button>
<p id="p"></p>
</body>
</html>
Blog Elfan
Properti children DOM
Algoritm Searching
- Merge sort
- Quick sort
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti children DOM pada
HTML
</title>
<script>
function Bons()
{
var doc =
document.getElementById("parent").children;
var i;
for(i = 0; i < doc.length; i++)
{
doc[i].style.color = "white";
doc[i].style.backgroundColor = "green";
}
}
</script>
</head>
<body style = "text-align:center">
<h1 style = "color:green;">
Blog Elfan
</h1>
<h2>
Properti children DOM
</h2>
<div id = "parent">
<p>
Blog TIK
</p>
<p>
Portal Ilmu Komputer
</p>
</div>
<button onclick = "Bons()">
Klik Disini!
</button>
</body>
</html>
Blog Elfan
Properti children DOM
Blog TIK
Portal Ilmu Komputer
- 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]
- Cara Penggunaan Method contains() DOM pada HTML [klik]
- Cara Penggunaan Properti dir DOM pada HTML [klik]
5 komentar untuk "Properti Children DOM HTML dan Fungsinya"
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 -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method Children DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method Children DOM pada HTML:
Hapus1. Google Chrome 2.0
2. Internet Explorer 9.0*
3. Firefox 3.5
4. Opera 10.0
5. Apple Safari 4.0
Apa yang dimaksud dengan properti children beserta fungsinya pada DOM HTML?
BalasHapusProperti children atau properti anak pada DOM HTML digunakan untuk mengembalikan semua elemen child dari elemen yang ditentukan dalam bentuk koleksi pada HTML. Properti children bersifat read-only, yang elemen-elemennya diperoleh dan kemudian dapat diakses dengan menggunakan nomor indeks yang dimulai dari angka o. Elemen-eleme tersebut muncul dalam bentuk urutan yang sama seperti dalam dokumen HTML.
HapusProperti children berfungsi untuk mengembalikan koleksi elemen dari child elemen. Properti children mengembalikan object berupa HTMLCollection.
Hapus