33 단일 엘리먼트 선택하기
이번 강에서는 DOM API를 사용해서 HTML 문서의 특정 엘리먼트를 얻어 오는 방법을 알아보겠습니다.
document 메서드 중에는 getElement 혹은 getElements로 시작하는 메서드들이 있습니다. 이러한 메서드들을 통해 인자로 엘리먼트에 대한 조건을 전달하면 조건에 부합하는 특정 엘리먼트를 반환합니다. 원하는 엘리먼트를 손쉽게 얻을 수 있습니다.
이름에서 알 수 있듯 getElement로 시작하는 메서드는 엘리먼트를 한 개만 반환하고 getElements로 시작하는 메서드는 엘리먼트를 여러 개 반환합니다. 이외에도 여러 가지 메서드가 있지만 그중 하나인 getElementById 메서드는 엘리먼트의 id를 기준으로 검색하며, 해당 id를 가진 엘리먼트를 반환합니다.
앞에서 실습한 HTML 코드를 조금 수정해 보겠습니다(수정한 부분을 굵게 표시하였습니다).