# childNodes property

The `childNodes` property stores a pseudo-array of the element's child nodes (tags, comments and text nodes).

## Syntax

`element.childNodes;`

## Example

We get all child nodes of an element and display their content:

`<div id="parent">text<p>paragraph</p><!-- comment --></div>` `let parent = document.querySelector('#parent'); let nodes = parent.childNodes; for (let node of nodes) { console.log(node.textContent); }`

## Example

Display a contents of the first node:

`<div id="parent">text<p>paragraph</p><!-- comment --></div>` `let parent = document.querySelector('#parent'); console.log(parent.childNodes[0].textContent);`

The code execution result:

`'text'`

## Example

Let's display the contents of the node with the number `2`:

`<div id="parent">text<p>paragraph</p><!-- comment --></div>` `let parent = document.querySelector('#parent'); console.log(parent.childNodes[2].textContent);`

The code execution result:

`' comment '`

## See also

- the `children` property
  that contains child elements
- the `firstChild` property
  that contains the first node
- the `lastChild` property
  that contains the last node

← →
↑
en ru