[책] 자바스크립트 코드 레시피 278 - 127일차

요소 자신 삭제하기

• 요소를 동적으로 삭제하고 싶을 때

구문

노드.remove() 요소를 제거

설명

remove() 는 요소 자신을 제거하므로 부모 요소를 통해 요소를 제거하는 removeChild() 와 다릅니다.

실습

index.html

<div id="parent">
  <div id="child">제거되는 요소</div>
</div>

---

script.js

setTimeout(() => {
  const childElement = document.querySelector('#child');
  childElement.remove(); // #child 요소 제거
}, 3000);