Свойство 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'шарҳ'

Қараб ҳам чиқинг

  • свойство children,
    у дочер элементларни ўз ичига олади
  • свойство firstChild,
    у биринчи турғунни ўз ичига олади
  • свойство lastChild,
    у охирги турғунни ўз ичига олади