Egenskapen childNodes

Egenskapen childNodes inneholder en pseudomatrise av underliggende noder til et element (tagger, kommentarer og tekstnoder).

Syntaks

element.childNodes;

La oss hente alle underliggende noder til elementet og skrive ut innholdet deres:

<div id="parent">tekst<p>avsnitt</p></div>

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

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

La oss skrive ut innholdet til den første noden:

<div id="parent">tekst<p>avsnitt</p></div>

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

Resultatet av kjøringen:

'tekst'

La oss skrive ut innholdet til node nummer 2:

<div id="parent">tekst<p>avsnitt</p></div>

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

Resultatet av kjøringen:

'komm'