본문 바로가기

JavaScript ◡̈/inflearn JavaScript

[WEB2 - JavaScript] CSS 기초 (2)

 

인프런 12강 "제어할 태그 선택하기"

 

기존 코드에서 조금 수정하여 태그를 선택하여 해당 태그 제어하는 것 학습하기 ! 

 

기존 코드

 

→ 버튼 추가

 

 

→ 버튼 클릭 시 이벤트 추가

 

    - 문서에서 <body> 태그 선택하도록 명시

        - document.querySelector('body')

 

    - 만약 <body> 태그에 id를 지정해준다면, <body id="target">

        - document.querySelector('#target')

 

    - <body> 태그 선택하여 설정 변경 (ex) background-color

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

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