childrenプロパティ

プロパティchildrenは、子要素の疑似配列 を格納します。子要素とは、 ブロック内に直接配置されたすべてのタグを指します。

構文

javascript要素.children;

例

要素のすべての子孫をループで処理し、 その内容を出力してみましょう:

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

関連項目