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

<input type="button" value="모든 자식 노드 삭제" onclick="removeChildren()" />
function removeChildren() {
  const parentElement = document.getElementById("parent");
  while (parentElement.firstChild) {
    parentElement.removeChild(parentElement.firstChild);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.