Eienskap childNodes

Eienskap childNodes stoor 'n pseudoversameling van kindnodusse van die element (etikette, kommentaar en teksnodusse).

Sintaksis

javascriptelement.childNodes;

Voorbeeld

Laat ons alle kindnodusse van die element kry en hul inhoud op die skerm vertoon:

html<div id="parent">teks<p>paragraaf</p><!--kommentaar--></div>

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

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

Voorbeeld

Laat ons die inhoud van die eerste nodus vertoon:

html<div id="parent">teks<p>paragraaf</p><!--kommentaar--></div>

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

Resultaat van die kode-uitvoering:

javascript'teks'

Voorbeeld

Laat ons die inhoud van die nodus met nommer 2 vertoon:

html<div id="parent">teks<p>paragraaf</p><!--kommentaar--></div>

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

Resultaat van die kode-uitvoering:

javascript'kommentaar'

Sien ook