javascript 기초 / querySelector

querySelector

querySelector라는 함수를 사용하면 이러한 선택자를 이용해서 원하는 태그를 선택할 수 있습니다.

document.querySelector("body")

body라는 태그가 선택됨.

documnet.querySelector(".javascript")

javascript 라는 클래스를 선택할땐 이렇게.

documnet.querySelector("#javascript")

javascript 라는 아이디를 선택할땐 이렇게.

documnet.querySelector("#js").style.backgroundColor = 'black';

js 라는 아이디에 스타일을 적용하고 싶을때.

<button type="button" value="night" onclick="documnet.querySelector('#js').style.backgroundColor = 'black';">

 

좀 더 응용하여 버튼에 스타일을 주고싶을땐 이렇게.