JavaScript Queryselector 란?

---

문법

element = document.querySelector(selectors);

Browser Support

브라우저 이름	버전
익스플로러	11 이상
익스플로러 엣지	14 이상
파이어폭스	51 이상
크롬	49 이상
사파리	10 이상
오페라	43 이상
IOS 사파리	9.3 이상
오페라 미니	ALL
Android 브라우저	4.4 이상
Android 크롬	56 이상

예제 1

 var el = document.querySelector('div');

문서에서 가장 처음 나오는 div 태그를 반환한다.

예제 2

다음과 같이 강력하게 사용할 수 있다.

HTML

<div class="user-panel main">

<input name="login" />

</div>

JavaScripts

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

class 가 user-panel main 인 div의 

name 이 login인 input tag를 리턴한다.

---