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
element.childNodes;
Nümunə
Elementin bütün uşaq düyünlərini alaq və ekranda onların məzmununu çıxaraq:
<div id="parent">mətn<p>abzas</p><!--şərh--></div>
let 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:
<div id="parent">mətn<p>abzas</p><!--şərh--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Kodun icrasının nəticəsi:
'mətn'
Nümunə
2 nömrəli düyünün məzmununu çıxaraq:
<div id="parent">mətn<p>abzas</p><!--şərh--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Kodun icrasının nəticəsi:
'şərh'
Həmçinin baxın
-
xassə
children,
uşaq elementlərini saxlayan -
xassə
firstChild,
ilk düyünü saxlayan -
xassə
lastChild,
son düyünü saxlayan