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

javascriptelem.childNodes;

Példa

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

html<div id="parent">szöveg<p>bekezdés</p><!--megj--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

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

Példa

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

html<div id="parent">szöveg<p>bekezdés</p><!--megj--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

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

javascript'szöveg'

Példa

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

html<div id="parent">szöveg<p>bekezdés</p><!--megj--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

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

javascript'megj'

Lásd még

  • a children tulajdonság,
    amely a gyermek elemeket tartalmazza
  • a firstChild tulajdonság,
    amely az első csomópontot tartalmazza
  • a lastChild tulajdonság,
    amely az utolsó csomópontot tartalmazza