Ιδιότητα childNodes

Η ιδιότητα childNodes αποθηκεύει μέσα της έναν ψευδο-πίνακα θυγατρικών κόμβων του στοιχείου (ετικέτες, σχόλια και κειμενικούς κόμβους).

Σύνταξη

στοιχείο.childNodes;

Ας λάβουμε όλους τους θυγατρικούς κόμβους του στοιχείου και ας εμφανίσουμε στην οθόνη τα περιεχόμενά τους:

<div id="parent">κείμενο<p>παράγρ</p></div>

let parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
	console.log(node.textContent);
}

Ας εμφανίσουμε το περιεχόμενο του πρώτου κόμβου:

<div id="parent">κείμενο<p>παράγρ</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Αποτέλεσμα εκτέλεσης του κώδικα:

'κείμενο'

Ας εμφανίσουμε το περιεχόμενο του κόμβου με αριθμό 2:

<div id="parent">κείμενο<p>παράγρ</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Αποτέλεσμα εκτέλεσης του κώδικα:

'σχόλ'