JS - querySelector

document.querySelector('button.btn')
document.querySelector('.btn') // class 는 . 으로 접근
//<button class=​"btn">​입력​</button>​
document.querySelector('#order') // id 는 #으로 접근 
//<span id=​"order">​1 ​</span>​
document.querySelectorAll('#order') // order 아이디 모두 접근 
NodeList [span#order]
document.querySelector('span') // tag 접근 
//<span id=​"order">​1 ​</span>​
document.querySelector('div span') // div의 자손인 span을 찾아라.
document.querySelector('div>span') // div의 직계자식중 span 태그