Childnodes

Properti Node.childNodes (Core Level 1) mengembalikan semua child node dari Node ini sebagai objek NodeList.

Sintaks:

Node.childNodes

Properti Node.childNodes di dukung oleh secara umum dikuasai browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Contoh di bawah ini mengembalikan banyaknya child node dari elemen BODY dikala fungsi dipanggil:

function countBodyChildren() { var bodyElem = document.getElementsByTagName("body")[0]; alert(bodyElem.childNodes.length); }

Contoh di bawah ini mengembalikan nodeValue dari child node di indeks pertama di dalam NodeList:

<P ID="myp">Lorem imsum…</P> <SCRIPT TYPE="text/javascript"> var pElem = document.getElementsByTagName("P")[0]; alert(pElem.childNodes.item(0).nodeValue); // "Lorem imsum…" </SCRIPT>

Contoh aba-aba di atas yang diberikan warna biru sama saja bila dituliskan seperti:

childNodes[0]

Contoh di bawah ini menampilkan semua nodeName dan textContent setiap child node elemen P:

<P ID="myp">Lorem imsum…<B>Lorem imsum in B.</B></P> <SCRIPT TYPE="text/javascript"> var childs = document.getElementsByTagName("p")[0].childNodes; for (var i = 0; i < childs.length; i++) { alert(childs.item(i).nodeName + " : " + childs.item(i).textContent); /* Output: #text : Lorem imsum… B : Lorem imsum in B. */ } </SCRIPT>

Contoh keluaran di atas, atribut ID dan nilai Text node di dalam elemen B tidak dipertimbangkan sebagai child node dari elemen P.

Jika Node yang ditetapkan tidak memiliki child node, Node.childNodes mengembalikan NodeList dengan length zero.

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