[javascript] querySelector vs getElementById

getElementById	querySelector
해당 선택자에 맞는 element가 없다면 null을 반환	선택자에 맞는 element들 중 첫번째 것을 반환 querySlectorAll은 모든 element를 반환 해당 선택자에 맞는 것이 없다면 null을 반환
-	인접한 태그들끼리의 상대적인 위치를 비교하여 가져올 수 있음
처리 속도가 더 빠름	처리 속도가 더 느림
리턴값은 HTMLCollection name, id, index number로 HTMLCollection의 항목(itmes)들에 접근할 수 있음	리턴값은 NodeList index Number로만 NodeList의 항목(items)들에 접근할 수 있음

 

참고

whatabouthtml.com/difference-between-getelementbyid-and-queryselector-180

stackoverflow.com/questions/26848289/javascript-queryselector-vs-getelementbyid

humahumahuma.tistory.com/122