JavaScript를 사용하여 웹 페이지의 DOM(Document Object Model) 요소를 추출하는 것은 매우 중요합니다. 이를 통해 페이지의 요소를 조작하거나 정보를 읽어올 수 있습니다.

getElementById를 사용하여 요소 추출하기

주어진 ID를 가진 DOM 요소를 선택하는 가장 간단한 방법은 getElementById 메서드를 사용하는 것입니다.

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

querySelector를 사용하여 요소 추출하기

CSS 선택자를 사용하여 요소를 선택할 수 있는 querySelector 메서드도 유용합니다.

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

이것은 클래스 이름에 따라 첫 번째 일치하는 요소를 선택합니다.

관련 자원

1. MDN web docs: getElementById
2. MDN web docs: querySelector

DOM 요소를 추출하는 것은 강력한 웹 페이지 조작 도구를 사용하여 유용한 기능을 만들 수 있는 핵심적인 스킬입니다.