DOM(Document Object Model)은 웹 페이지의 구조화된 표현을 제공하며, JavaScript를 사용하여 DOM을 조작할 수 있습니다. 웹 페이지의 특정 요소를 식별하고 분리하는 방법은 매우 중요합니다. 이 포스트에서는 JavaScript를 사용하여 DOM 요소를 분리하는 방법을 알아보겠습니다.

getElementById 메서드를 사용하여 요소 분리하기

getElementById 메서드는 주어진 ID와 일치하는 요소를 찾아 반환합니다. 이 메서드를 사용하여 특정 ID를 가진 요소를 찾을 수 있습니다.

const element = document.getElementById('myId');

querySelector 메서드를 사용하여 요소 분리하기

querySelector 메서드는 CSS 선택자를 사용하여 요소를 찾아 반환합니다. 이를 사용하면 ID 외에도 클래스, 태그 등 다양한 방법으로 요소를 선택할 수 있습니다.

const element = document.querySelector('.myClass');

요약

JavaScript를 사용하여 DOM 요소를 분리하는 방법에 대해 알아보았습니다. getElementById와 querySelector 메서드를 사용하여 ID나 CSS 선택자를 통해 원하는 요소를 가져올 수 있습니다. 이러한 기술을 통해 웹 페이지의 동적인 요소 조작이 가능해집니다.

더 많은 정보를 원하시면 MDN Web Docs를 참고하세요.