A childNodes tulajdonság

A childNodes tulajdonság egy pszeudótömböt tartalmaz az elem gyermek csomópontjairól (címkék, megjegyzések és szöveges csomópontok).

Szintaxis

elem.childNodes;

Kérjük le az elem összes gyermek csomópontját és jelenítsd meg a tartalmukat a képernyőn:

<div id="parent">szöveg<p>bekezdés</p></div>

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

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

Jelenítsük meg az első csomópont tartalmát:

<div id="parent">szöveg<p>bekezdés</p></div>

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

A kód végrehajtásának eredménye:

'szöveg'

Jelenítsük meg a 2 számú csomópont tartalmát:

<div id="parent">szöveg<p>bekezdés</p></div>

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

A kód végrehajtásának eredménye:

'megj'