제어할 태그 선택

querySelector(); / querySelectorAll();

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

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>

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

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

Last updated 4 years ago

Was this helpful?