Document. querySelector()

정의 

 

• Document.querySelector() 은 제공한 선택자나 선택자뭉치와 일치하는 문서 내 첫번째 element 를 반환한다. 
• 일치하는 요소가 없으면 null 을 반환한다. 

 

구문

document.querySelector(selectors);

• • 선택자로 DOM요소를 선택해야 한다. 
  • 아닐경우 SYNTAX_ERR 가 발생한다. 
  • css 표준 구문이 아닌 문자일경우 역슬래시로 이스케이프
  • JavaScript또한 역슬래시로 이스케이프 해야함 

 

예제 

• 클래스를 만족하는 첫번째 요소 검색 

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

 

• 복잡한 선택자 

var el = document.querySelector("div.user-panel.main input[name=login]");

 

 

 

Document.querySelector()