안녕하세요 lovefield 입니다.
오늘은 Javascript Selector 에 대해서 설명해드리겠습니다.

Javascript Selector 는 DOM을 제어하기 위한 엘리먼트 선택자 입니다.

Javascript Selector

//ID Selector
document.getElementById('id');

//Class Selector
document.getElementByClassName('class');

//Tag Selector
document.getElementByTagName('tag');

ID Selector - tag 의 id 를 기반으로 선택합니다.

Class Selector - tag 의 class 를 기반으로 선택합니다.

Tag Selector - tag명을 기반으로 선택합니다.

Selector API

document.querySelector('css selector');
document.querySelectorAll('css selector');

css selector를 입력해 그 값을 반환한다고 하네요.

위에는 해당되는 셀렉터중 가장 첫번째 녀석을 가져오구요.
All은 node list 를 제공해줍니다.

다음은 select 별로 성능을 테스트 할수 있는 사이트 입니다.
jQuery Selector Performance vs DOM API