childNodes xassəsi

Xassə childNodes öz içində psevdomassiv elementin uşaq düyünlərini (teqlər, şərhlər və mətn düyünləri) saxlayır.

Sintaksis

javascriptelement.childNodes;

Nümunə

Elementin bütün uşaq düyünlərini alaq və ekranda onların məzmununu çıxaraq:

html<div id="parent">mətn<p>abzas</p><!--şərh--></div>

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

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

Nümunə

Birinci düyünün məzmununu çıxaraq:

html<div id="parent">mətn<p>abzas</p><!--şərh--></div>

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

Kodun icrasının nəticəsi:

javascript'mətn'

Nümunə

2 nömrəli düyünün məzmununu çıxaraq:

html<div id="parent">mətn<p>abzas</p><!--şərh--></div>

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

Kodun icrasının nəticəsi:

javascript'şərh'

Həmçinin baxın