[javaScript] getElementById / querySelector 차이

 

getElementById	querySelector
document.getElementById(id);	document.querySelector(seletors);
id를 통해 element 반환	seletor의 구체적인 그룹과 일치하는 document인 첫번쨰 엘리먼트 반환
일치하는 값이 없다면 null 반환	일치하는 값이 없다면 null 반환
처리속도 빠름	getElementById 비해 느림
리턴값 : HTMLCollection	리턴값 : NodeList
HTMLCollection : name, id, index번호로 접근 가능	NodeList : index 번호로 접근 가능
getElementById : id 값	querySelector :  첫번째 값 하나만 가져온다. querySelectorAll :  모두 가져온다.

 

 

 

---

 

 

getElementById 

 

 

 

 

 

querySelector 

 

 

 

 

 

querySelectorAll