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 mayoritas browser: IE, Opera, Firefox, Google Chrome, dan Safari.

Contoh di bawah ini mengembalikan banyaknya child node dari elemen BODY ketika 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 kode di atas yang diberikan warna biru sama saja jika 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 mempunyai child node, Node.childNodes mengembalikan NodeList dengan length zero.