[JavaScript] querySelector 의 요소 선택법 / querySelector 함수의 매개 변수

JavaScript 로 어떤 요소를 제어하고 싶을 때 document.querySelecotr() 를 사용한다.
이때, 마지막 중괄호 안에 제어 할 해당 요소를 입력하는데, 요소를 가르키는 방법은 여러가지가 있다.

1. 요소
2. 클래스
3. 아이디
4. 속성

요소명으로 선택하기

<p></p> 요소를 선택하려면 p 라고 명시한다.
ex) document.querySelector("p")

클래스값으로 선택하기

<p class="one"></p> 요소를 선택하려면 .one 이라고 명시한다.
ex) document.querySelector(".one")

아이디값으로 선택하기

<p id="one"></p> 요소를 선택하려면 #one 이라고 명시한다.
ex) document.querySelector("#one")

속성값으로 선택하기

<button type="submit"></button> 요소를 선택하려면 button[type=submit] 이라고 명시한다.
(button 요소이긴 한데 type은 submit 인 button 요소)
ex) document.querySelector("button[type=submit]")