=====The source of the article==== HTML DOM Document querySelector() Method

  <script>
    function myFunction() {
      document.querySelector(".example").style.backgroundColor = "red";
    }
  </script>

querySelector() 메서드는 문서에서 지정된 CSS 선택자와 일치하는 첫 번째 요소를 반환합니다.

Note: querySelector() 메서드는 지정된 선택자와 일치하는 첫 번째 요소만 반환합니다.
모든 일치 항목을 반환하려면 대신 querySelectorAll () 메서드를 사용합니다.

선택자가 여러 번 사용되는 문서의 ID와 일치하는 경우 ("id"는 페이지 내에서 고유해야 하며
두 번 이상 사용되지 않아야 함) 첫 번째 일치 요소를 반환합니다.

CSS 선택자에 대한 자세한 내용은 CSS Selector Tutorial 및 CSS Selectors Reference를 참조하십시오.

document.querySelector(CSS selectors)