자바스크립트의 셀렉터

자바스크립트는 HTML요소를 변경하기 위해서 사용한다. 

<h3 id="home">회사 가고 싶다</h3>

을 집에 가고 싶다 라고 변경하기 위해선 해당 h3셀렉터에 id (클래스, 태그도 가능하지만 어느 하나를 특정하기 위해선 id가 적합하다)를 부여하고 자바스크립트로 코드를

document.getElementById('home').innerHTML = '집에 가고 싶다';

이런 식으로, 바꿀 수 있다. 해석해보면,

document는 웹문서에서 getElementById는 id가 home인 아이를 찾아서 innerHTML은 HTML에 대입하라 이다.

스타일을 바꾸고 싶다면

document.getElementById('home').style.fontSize = *

이런 식으로 style을 뒤에 붙여서 사용하면 된다. 셀렉터 (getElementById)는 일정하지만 뒤에 붙는 매소드들은 그때마다 찾아서 사용하면 될 것 같다.