[TIL] Javascript 오브젝트의 모든 childNodes 를 제거하는 방법

Intro

데이터를 fetch 해오는 과정에서 하위의 노드들이 중복 표출되는 오류가 발생했다. Javascript 오브젝트의 모든 childNodes 를 제거하고 싶어 구글링을 시전했다.

Example

var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {   
    list.removeChild(list.firstChild);
}

다음의 코드가 있다고 가정해보자. 현재 나는 myList라는 Id 값을 가져와서 위에 해당하는 모든 하위 요소드를 제거하고 싶다. 하지만 위의 코드를 사용할 경우 자식 노드를 하나씩 제거한다.

How to Remove

document.getElementById("myList").innerHTML = ""

innerHtml에 "" 의 값을 할당하면 모든 자식 노드를 요소들을 제거할 수 있다. 매우 심플하다!😀

https://stackoverflow.com/questions/35199544/how-to-remove-all-childnodes-from-javascript-object