요소 선택할 때 사용하는 것들 질문 드립니다.

어떤 요소를 가져올 때는 사용하는 것들이
document.getElementById('id' )

document.getElementsByClassName('class')[index]

document.querySelector(' id OR cass ');

document.querySelectorAll(' id OR cass  ');

위의 4가지를 선생님께 배웠습니다.

4가지 전부 원하는 요소를 찾아 오는 것인데 ,어떻게 차이가 있나요?

예를 들면 
1. document.getElementsByClassName('class')[index] 와 document.querySelectorAll('cass '); 의 차이점
2. document.getElementById('id' ) 과 document.querySelector(' id '); 의 차이점

들에 대해서 궁금합니다