Właściwość children

Właściwość children przechowuje pseudotablicę elementów potomnych. Elementami potomnymi są wszystkie tagi, które znajdują się bezpośrednio wewnątrz bloku.

Składnia

javascriptelement.children;

Przykład

Przejdźmy w pętli przez wszystkich potomków elementu i wypiszmy ich zawartość:

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

Zobacz także