[JavaScript] querySelector / getElementById/ getElementsByClassName 작성 방법 구분하기

javascript로 코드를 짤 때,

 

계속 헷갈려서 구분하기 위해 정리해보겠습니다!

 

1. document.getElementById 사용

document.getElementById('id명');

 

2. document.getElementsByClassName 사용

document.getElementsByClassName('class명');

3. document.querySelector 사용 

document.querySelector('#id명');
document.querySelector('.class명');

4. document.querySelectorAll 사용

document.querySelectorAll('.class명');