자바스크립트로 DOM을 활용하고자 할때 가장 먼저 해야 할 일은 DOM 계층 구조의 엘리먼트 가운데 변경할 엘리먼트를 찾아내는 일이다.

document :  계층구조의 최상위 계층을 의미하는 전역 변수.
document가 최상위이기 때문에 모든 노드는 document의 하위 노드로 찾아낼 수 있지만, 문서가 복잡해지고 계층이 깊어질수록 노드 하나를 찾느라 계층 구조를 헤메고 다닐 수도 있다. 그럴 때 사용하면 좋은 것이 특정 엘리먼트에 유일한 id를 부여해 두는 것이다.
ex) <p id="testA"> <div id='empty'></div>

getElementById() : 문서나 DOM 계층 구조에 들어있는 위치에 관계없이 자바스크립트 프로그램에서 노드를 찾아내고자 할 때 사용
ex) var hello=document.getElementById('testA');

* 만약 iframe을 사용했다면 두개이상의 문서 객체를 사용하는 셈이기 때문에, 어떤 문서에 대해 메소드를 호출하는지 주의해야한다.