[JavaScript] document.querySelector() 사용법

[JavaScript] document.querySelector() 사용법

 

HTML, CSS, JavaScript(JS)를 이용해서 웹사이트를 만들 때,

JS를 이용해서 html의 클래스와 태그를 조종할 수 있어야 한다.

 

이때 document.querySelector() 를 이용한다.

 

 

(main.js)

const myElement = document.querySelector('.className');

 

 

 

주의할 점은, 동일한 클래스명을 가진 요소가 여러 개 있을 경우

html 문서 내에서 가장 먼저 나타나는 요소를 선택자로 반환하게 된다.