[js] querySelector, getElementById

• html 코드 내에서 CSS 선택자를 이용해서 특정 부분을 선택하고 싶을 때 아래와 같이 쓴다.

var x = document.querySelector(".myclass");
var y = document.getElementById("myH1");

• 예제

<input type="button" value="night" onlclick="
  document.querySelector('body').style.backgroundColor = "black";
  document.querySelector('body').style.color = "white";
">
<input type="button" value="day" onlclick="
  document.querySelector('body').style.backgroundColor = "white";
  document.querySelector('body').style.color = "black";
">

• 참고 문서
  • WEB2 JavaScript - 12.제어할 태그 선택하기