childNodes häsiyeti

childNodes häsiyeti onuň içinde pseudo-massiw elementiň çaga düwünlerini (tegler, teswirler we tekst düwünleri) saklaýar.

Sintaksis

javascriptelement.childNodes;

Mysal

Elementiň ähli çaga düwünlerini alyp, ekrana olaryň mazmunyny çykaraýaly:

html<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

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

Mysal

Birinji düwüniň mazmunyny çykaraýaly:

html<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Kodyň ýerine ýetirilmegi netijesi:

javascript'tekst'

Mysal

2 nomerli düwüniň mazmunyny çykaraýaly:

html<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Kodyň ýerine ýetirilmegi netijesi:

javascript'teswir'

Şeýle-de göz aňyňyzdan geçiriň

  • children häsiyeti,
    çağa elementlerini öz içine alýar
  • firstChild häsiyeti,
    birinji düwüni öz içine alýar
  • lastChild häsiyeti,
    soňky düwüni öz içine alýar