document.querySelector() 기능

document.querySelector()는 JavaScript에서 DOM 요소를 선택하는 메서드입니다. 제공된 CSS 선택자와 일치하는 첫 번째 요소를 반환하며, 일치하는 요소가 없으면 null을 반환합니다.

 

사용법

   const element = document.querySelector("CSS 선택자");

 

예를 들어, 클래스가 myclass인 첫 번째 요소를 선택하려면: 

const el = document.querySelector(".myclass");

 

또는, id가 myId인 요소를 선택하려면:

const el = document.querySelector("#myId");

 

특징

• CSS 선택자를 사용하여 요소를 찾을 수 있음
• 첫 번째 요소만 반환 (querySelectorAll()은 모든 요소 반환)
• 유효한 CSS 선택자여야 함 (잘못된 선택자는 SYNTAX_ERR 예외 발생)