제어할 태그 선택하기 <생활코딩> 중

 

<생활코딩>에서 공부한 것을 정리함. 

제어할 태그 선택하기

이 시간에서는 웹페이지의 night 버튼을 눌렀을 때는 배경 검은색, 글씨 하얀색으로, day를 눌렀을 땐 배경 하얀색, 글씨 검은색으로 바꿀 수 있게끔 해본다. 

document.querySelector('.myclass')

위의 명령어는 .myclass라는 클래스 혹은 아이디 혹은 html 태그를 선택할 수 있게끔 만드는 것이다. 그리고 그 뒤에, .style.XXX 라는 명령어로 명령을 내린다.

document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';