querySelector()

query

• 사전적 의미: 문의

selector

• 선택자
• 특정 조건의 성립 유무를 조사하고, 그 결과에 기초하여 행하는 동작을 선택하는 제어 기구
• 태그(tag), 클래스(class), 아이디(ID) 등이 이에 해당

querySelector("para")

• '선택자(selector)'를 '인자(parameter)'로 받아
• 그 선택자에 해당되는 '요소(element)'들의 객체들을 찾아서 '반환(return)'해주는 메소드

document.querySelector("para")

• 제공한 선택자 또는 선택자 뭉치와 일치하는
• '문서(document)' 안의 '첫 번째 요소(Element)'를 반환합니다.
• 일치하는 요소가 없으면 null을 반환합니다.

element.querySelector("para")

• 제공한 선택자 또는 선택자 뭉치와 일치하는
• '부모 요소(Family element)' 안의 '첫 번째 자식 요소(the descendant element)'를 반환합니다.
• 일치하는 요소가 없으면 null을 반환합니다.

---

출처: 생활코딩, mdn(document.querySelector()), mdn(element.querySelector())