Propriedade children

A propriedade children armazena um pseudo-array de elementos filhos. Elementos filhos são todas as tags que estão localizadas diretamente dentro do bloco.

Sintaxe

javascriptelemento.children;

Exemplo

Vamos iterar através de todos os descendentes do elemento e exibir seu conteúdo:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
  <p>5</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elems = parent.children;

for (let elem of elems) {
  console.log(elem.textContent);
}

Veja também