제어할 태그 선택

querySelector(); / querySelectorAll();

예시) 주/야간모드 버튼 하나씩 만들기

night를 누르면 야간, day를 누르면 주간 모드가 되는 2개의 버튼 속성 설정
document.querySelector(selectors);
document.querySelectorAll(selectors);
<body>
   <input type="button" value="night" onclick="
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
    ">
    
    <input type="button" value="day" onclick="
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
    ">
</body>

  1. "night"버튼을 눌렀을때 배경은 'black', 글자색은 'white'로 수정됨

  2. "day"버튼을 눌렀을때 배경은 'white', 글자색은 'black'으로 수정됨

Previous변수와 대입연산자Next비교연산자와 불리언

Last updated

Was this helpful?