<div id="parent">
  <p>첫 번째 자식</p>
  <p>두 번째 자식</p>
  <p>세 번째 자식</p>
</div>
const parentElement = document.getElementById("parent");

let childNodeCount = parentElement.childElementCount;
console.log(`자식 노드 개수: ${childNodeCount}`);

childNodeCount = parentElement.children.length;
console.log(`자식 노드 개수: ${childNodeCount}`);

const childNodes = parentElement.querySelectorAll("*");
childNodeCount = childNodes.length;
console.log(`자식 노드 개수: ${childNodeCount}`);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.