querySelectorAll
-
querySelector, querySelectorAll 차이JavaScript 2021. 1. 20. 17:43
querySelector("") 는 먼저 검색되는 요소 하나를 선택한다. querySelectorAll("")은 해당하는 요소전부를 가져온다. 중요한 점은 요소전부를 NodeList 배열형식으로 가져오기 때문에 for, forEach문으로 요소 각각에 대해서 처리를 해주어야 한다. 제이쿼리랑 비교해서 정리하면, $("a")는 모든 a태그를 선택한다. querySelector("a")는 문서상 가장 앞에 있는 a태그 하나를 선택한다. querySelectorAll("a")는 모든 a태그를 선택하는것 외에도 전부 nodeList배열 형식으로 저장해서 가져온다. 그래서 각각에 대해 핸들링하기 위해 forEach,for구문을 사용하는 것이다.