querySelector, querySelectorAll 차이

querySelector("") 는 먼저 검색되는 요소 하나를 선택한다.

querySelectorAll("")은 해당하는 요소전부를 가져온다.

중요한 점은 요소전부를 NodeList 배열형식으로 가져오기 때문에 for, forEach문으로 요소 각각에 대해서 처리를 해주어야 한다.

 

제이쿼리랑 비교해서 정리하면,

$("a")는 모든 a태그를 선택한다. 

querySelector("a")는 문서상 가장 앞에 있는 a태그 하나를 선택한다.

querySelectorAll("a")는 모든 a태그를 선택하는것 외에도 전부 nodeList배열 형식으로 저장해서 가져온다.

그래서 각각에 대해 핸들링하기 위해 forEach,for구문을 사용하는 것이다.