Node.removeChild()

인터페이스 의 removeChild()메서드는 NodeDOM에서 자식 노드를 제거하고 제거된 노드를 반환합니다.

형식

removeChild(child)

부모노드로부터 자식노드를 제거하고 그 값을 반환해주는 메소드이다.

Element.remove()

이 Element.remove()메서드는 해당 요소가 속한 트리에서 요소를 제거합니다.

형식

remove()

현재의 요소를 제거해준다. 즉 트리에서 현재의 노드를 제거해준다.

작성계기

인스타그램 클론 코딩 중 댓글 삭제 기능을 구현하려고 했을 때 처음에는 remove메소드를 이용하려고 했었다. 머릿속으로는 타겟의 조상요소에서 타겟의 부모요소를 제거해야겠다는 생각을 했었는데 remove와 removeChild 메소드의 차이를 잘 이해하지 못 해 동적으로 생성된 모든 div 태그들을 다 지워지는 일이 있었다. 알고보니 remove는 해당 노드를 지운다는 메소드이고 removeChild는 부모노드로부터 자식노드를 지우는 메소드였다. 나는 처음 내가 구상한 코드를 구현하기 위해 removeChild를 고수하였지만 현재 내 코드를 더 깔끔하고 짧은 코드로 만들려면 remove 메소드를 사용해서 구현하면 된다는 사실을 알게되었다.