Document.querySelector() - Web API | MDN
Document.querySelector() 는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 를 반환합니다. 일치하는 요소가 없으면 null 을 반환합니다. 참고: 탐색은 깊이우선 depth-first 전위 pre-order 순회로, 문서의 첫 번째 요소부터 시작해 자식 노드의 수를 기준으로 순회합니다. document.querySelector(selectors); 하나 이상의 선택자를 포함한 . 유효한 CSS 선택자여야만 하며 아닐 경우 SYNTAX_ERR 예외가 발생합니다.
https://developer.mozilla.org/ko/docs/Web/API/Document/querySelector