თვისება childNodes

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

სინტაქსი

javascriptელემენტი.childNodes;

მაგალითი

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

html<div id="parent">ტექსტი<p>პარაგრაფი</p><!--კომენტარი--></div>

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

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

მაგალითი

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

html<div id="parent">ტექსტი<p>პარაგრაფი</p><!--კომენტარი--></div>

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

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

javascript'ტექსტი'

მაგალითი

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

html<div id="parent">ტექსტი<p>პარაგრაფი</p><!--კომენტარი--></div>

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

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

javascript'კომენტარი'

იხილეთ ასევე