DOM은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당합니다. 자바스크립트가 DOM을 통해서 웹페이지에 접근할 수 있습니다. DOM : document object model 웹페이지의 문서(document) 와 문서의 요소(element) 에 접근하기 위해 DOM 이 사용된다. DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다. 문서의 모든 element - 전체 문서, 헤드, 문서 안의 table, table header, table cell 안의 text - 는 문서를 위한 document object model 의 한 부분이다. 때문..

사용이유 : 문서를 javaScript로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. 1. 제어대상 찾기. 2. 제어대상에 대하여 작업하기. document.getElementsByTagName -> TagName을 통해서 Element들을 가져온다. 설명 : 는 element 이고 document 는 문서 전체를 의미한다. li에 담겨져 있는 context의 색상을 변경하려 한다. for 문에서 getElementByTagName, var lis 는 document : 문서 전체에서 TagName이 (' li ')인 element들을 가져와서 그 결과를 return해주는 메소드이다. lis 메소드가..