JS | 자식 노드들 한 번에 지우기

부모 노드에 있는 모든 자식 노드를 한 번에 지우기 위해 while문으로 지워준다!

// parentNode
const contentsList = document.querySelector(".contents__list");

if(contentsList.hasChildNodes()){

  // lastChilde로 해도 가능
  let firstChild = contentsList.firstChild;
  
  while(firstChild){
  	contentsList.removeChild(firstChild);
  	firstChild = contentsList.firstChild;
  }
  
}

 

이 방법도 있음(뭔가 별로라 해보지는 않았지만)

const parent = document.querySelector(".contentsWrap");
parent.innerHTML = "";