თვისება childNodes

თვისება childNodes ინახავს თავის თავში ფსევდომასივს ელემენტის შვილი კვანძების (ტეგები, კომენტარები და ტექსტური კვანძები).

სინტაქსი

ელემენტი.childNodes;

მივიღოთ ელემენტის ყველა შვილი კვანძი და გამოვიტანოთ ეკრანზე მათი შიგთავსი:

<div id="parent">ტექსტი<p>პარაგრაფი</p></div>

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

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

გამოვიტანოთ პირველი კვანძის შიგთავსი:

<div id="parent">ტექსტი<p>პარაგრაფი</p></div>

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

კოდის შესრულების შედეგი:

'ტექსტი'

გამოვიტანოთ კვანძის ნომრით 2 შიგთავსი:

<div id="parent">ტექსტი<p>პარაგრაფი</p></div>

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

კოდის შესრულების შედეგი:

'კომენტარი'