제어 대상 찾기 ( getElementById )

이번에 배우는 getElementsById는 사용되는 빈도가 많다.

id값을 기준으로 객체를 조회하며  ,  성능면에서 가장 우수하다!

특징은 이전에 배웠던 getelementsByTagname 과 getElementsByClassName과는 다르게 element가 단수형이다.

즉 얘가 조회한 결과는 하나의 결과만 갖는다는 특징이 있다.
또한 html의 속성중 id값을 기준으로 조회한다.
(문서에서 id는 하나의 엘리먼트만 식별하는 특별한 식별자다!)

다음 예시를 보자.

10행에서 li태그 중 id값을 가진 엘리먼트는 하나 뿐이다.
이때 getElementById를 이용한다.

14행을 보자 , li = document.getElementById('active');

이 문서에서 Id값이 'active'인 엘리먼트를 가져와서 li에 저장시켜라

그리고 li.style.colr='red'등을 통해 조회한 엘리먼트를 변수통해 접근하여 값을 수정한다.