분류 javascript

DOM 요소에서 모든 자식을 제거하는 방법

컨텐츠 정보

  • 조회 168 (작성일 )

본문

DOM 요소가 주어지면 모든 하위 요소를 어떻게 제거합니까?


DOM에 항목이 주어지면 원하는 CSS 선택기를 사용하여 querySelector()를 사용하여 식별하십시오.


루프에서 기본적으로 firstChild 속성이 정의되어 있는지 (요소에 자식이 적어도 있는지) 확인하고 제거합니다.


모든 자식이 제거되면 루프가 종료됩니다.


const item = document.querySelector('#itemId')
while (item.firstChild) {
  item.removeChild(item.firstChild)
}