Savybė childNodes

Savybė childNodes savyje saugo pseudomasyvą vaikinių elemento mazgų (žymės, komentarai ir tekstiniai mazgai).

Sintaksė

javascriptelementas.childNodes;

Pavyzdys

Gaukime visus vaikinius elemento mazgus ir išveskime į ekraną jų turinį:

html<div id="parent">tekstas<p>parag</p><!--com--></div>

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

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

Pavyzdys

Išveskime pirmojo mazgo turinį:

html<div id="parent">tekstas<p>parag</p><!--com--></div>

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

Kodo vykdymo rezultatas:

javascript'tekstas'

Pavyzdys

Išveskime mazgo su numeriu 2 turinį:

html<div id="parent">tekstas<p>parag</p><!--com--></div>

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

Kodo vykdymo rezultatas:

javascript'com'

Taip pat žiūrėkite