(2) querySelectorAll

---

querySelectorAll

---

정의 : 선택한 HTML 문서 요소들을 리턴받을 수 있는 메서드입니다. querySelector와 달리 여러 개의 요소들을 리턴받을 때 쓰기 때문에 리턴 타입은 NodeList 입니다. (* NodeList는 Array가 아니지만 foreach() 반복문은 사용할 수 있습니다. Array.from() 메서드를 사용해 Array로 변환해줄 수 있습니다)

---

예시 : 

//문서 내 <p> 태그 
const matches = document.querySelectorAll("p");
 
//문서 내 태그 id= "pr_img_ex" Array로 변환
var imgExArr = Array.from(document.querySelectorAll("#pr_img_ex"));
 

---

추가설명 : img 태그 src를 리턴받고 싶다면 querySelectorAll로 img 요소들을 받아준 뒤 foreach()를 활용해서 img[i].src 를 붙여주셔야 합니다. 

참고자료

MDN - querySelectorAll