자바스크립트 remove() 함수 – 자신을 호출한 요소를 DOM에서 제거

`Element.remove()` 사용법

remove() 함수는
자신을 호출한 요소를 DOM에서 제거합니다.
즉, 요소 자신이 스스로를 DOM에서 제거하는 것입니다.

이 함수는 DOM에서 요소를 제거하는 가장 손쉬운 방법입니다. 매개변수나 반환 값도 없습니다.

element는 DOM에서 제거할 요소 객체입니다.

없습니다.

없습니다. 즉, undefined를 반환합니다.

코드 부연설명
getElementById() 함수는 주어진 문자열과 값이 일치하는 id 속성의 값을 가진 요소 객체를 반환합니다.

remove()와 removeChild()는 모두 DOM에서 요소를 제거하는 데 사용되지만, 이 두 함수는 몇 가지 중요한 차이점이 있습니다.

remove()와 removeChild() 함수의 비교
특징	`remove()`	`removeChild()`
사용법	자신을 호출한 요소를 DOM에서 제거	특정 부모 노드 내에서 지정한 자식 노드를 제거
부모 노드 필요 여부	필요 없음	필요 있음
반환 값	없음	제거된 자식 노드를 반환
주된 사용	손쉽게 요소를 호출해서 삭제하고 싶을 때	부모 노드를 통해 자식 노드를 삭제하고 싶을 때나, 다른 자식 노드와의 관계를 고려해야 할 때