<div id="parent">
  <p>첫 번째 자식</p>
  <p>두 번째 자식</p>
  <p>세 번째 자식</p>
</div>

<input type="button" value="모든 자식 노드 삭제" onclick="removeChildren()" />
function removeChildren() {
  const parentElement = document.getElementById("parent");
  const childNodes = parentElement.querySelectorAll("*");
  childNodes.forEach(node => node.remove());
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.