JavaScript로 DOM 요소를 제거하는 방법

JavaScript를 사용하여 DOM에서 요소를 빠르게 제거하거나 숨기는 두 가지 방법에 대해 알아보세요.

JavaScript를 사용하여 DOM에서 요소를 제거하거나 숨기는 두 가지 방법이 있습니다. "언젠가 이 요소를 다시 가져와야 합니까?" .

대답이 예인 경우 그러면 숨겨야 스타일 속성이 있는 요소:

const hideElement = document.querySelector('#element-to-hide')
hideElement.style.display = 'none'

요소를 다시 가져올 필요가 없으면 다음 방법을 사용하세요.

const removeElement = document.querySelector('#element-to-remove')
removeElement.parentNode.removeChild(removeElement)

querySelector()를 사용할 때 기억하십시오. 요소를 선택하려면 # ID 속성 .이 있는 요소용입니다. 수업용입니다.