Ιδιότητα childNodes

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

Σύνταξη

javascriptστοιχείο.childNodes;

Παράδειγμα

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

html<div id="parent">κείμενο<p>παράγρ</p><!--σχόλ--></div>

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

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

Παράδειγμα

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

html<div id="parent">κείμενο<p>παράγρ</p><!--σχόλ--></div>

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

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

javascript'κείμενο'

Παράδειγμα

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

html<div id="parent">κείμενο<p>παράγρ</p><!--σχόλ--></div>

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

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

javascript'σχόλ'

Δείτε επίσης