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);

Кодты орындау нәтижесі:

'түсініктеме'