document.styleSheets를 실행하면 CSS에 반영된 값이 나옵니다(1). 현재는 빈 페이지라 내용이 없지만 다른 페이지에서 확인해 보면 값이 저장되어 있는 것을 확인할 수 있습니다.
Tip
programmers.co.kr에 접속한 다음 개발자 도구에서 document를 확인해 보세요.
결국 웹 클라이언트 측 자바스크립트 프로그래밍은 자바스크립트 언어로 로직을 작성하고 브라우저에서 제공하는 window API를 이용해 HTML과 CSS를 조작하는 것입니다.
Tip
갑자기 등장한 window 객체 때문에 당황하셨나요? window 객체는 자바스크립트와 브라우저를 이어 주는 객체일 뿐입니다. 그리 어려운 개념은 아니니 당황하지 마세요.