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
element.childNodes;
Mysal
Elementiň ähli çaga düwünlerini alyp, ekrana olaryň mazmunyny çykaraýaly:
<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
let 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:
<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Kodyň ýerine ýetirilmegi netijesi:
'tekst'
Mysal
2 nomerli düwüniň mazmunyny çykaraýaly:
<div id="parent">tekst<p>paragraf</p><!--teswir--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Kodyň ýerine ýetirilmegi netijesi:
'teswir'
Şeýle-de göz aňyňyzdan geçiriň
-
childrenhäsiyeti,
çağa elementlerini öz içine alýar -
firstChildhäsiyeti,
birinji düwüni öz içine alýar -
lastChildhäsiyeti,
soňky düwüni öz içine alýar