Terminologi Parent, Child, Dan Sibling

Terminologi Parent, Child, dan Sibling dipakai untuk menggambarkan korelasi antar node di dalam tree-structure.

Sebagai contoh, untuk Parent node mungkin dapat memiliki satu atau lebih Child node. Bila Child node dengan Child node lainnya memiliki Parent node yang sama, maka mereka di sebut Sibling.

Berikut di bawah ini ialah teladan suatu dokumen HTML:

<HTML> <HEAD> <TITLE>Judul Dokumen</TITLE> </HEAD> <BODY> <H1>Judul level 1.</H1> <P>Alinea 1.</P> </BODY> </HTML>

Berdasarkan dokumen HTML di atas:

<HTML> node tidak memiliki Parent node, alasannya <HTML> node ialah Root node.
<HTML> node memiliki dua Child node, yaitu <HEAD> node dan <BODY> node.
Parent node dari <HEAD> node dan <BODY> node ialah <HTML> node.
<HEAD> node memiliki satu Child node, yaitu <TITLE> node.
<TITLE> node memiliki satu Child node, yaitu ‘Judul Dokumen’.
Parent node dari ‘Judul level 1.’ ialah <H1> node.
Parent node dari ‘Alinea 1.’ ialah <P> node.
<H1> node dan <P> node ialah Sibling, alasannya keduanya Child node dari <BODY> node.

First child dan Last child
First child dan Last child untuk dokumen HTML di atas:

<HEAD> node First child dari <HTML> node, dan <BODY> node Last child dari <HTML> node.
<H1> node First child dari <BODY> node, dan <P> node Last child dari <BODY> node.

Teks dari semua elemen di dalam dokumen di atas ialah First child dari elemen yang ada, sebagai teladan mengembalikan teks dari First child elemen H1:

<H1>Judul level 1.</H1> <P ID="demo">Nilai First child elemen H1: <BUTTON ONCLICK="Func()">Klik</BUTTON></P> <SCRIPT YPE="text/javascript"> function Func() { var Element = document.getElementsByTagName("H1")[0]; var Out = document.getElementById("demo"); Out.innerHTML = Element.firstChild.nodeValue; } </SCRIPT>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code