FIF's 코딩팩토리

DOM API를 이용하면 다음과 같은 식으로 HTML 엘리먼트의 내용을 변경할 수 있다. DOM 트리 탐색한다. 문서 내에서 특정 엘리먼트를 찾는다. 문서의 내용을 변경한다. 문서에 새로운 내용을 추가한다. 문서 탐색 다음 예제에서는 showTags라는 재귀 함수를 이용해 전체 DOM 트리를 탐색한 다음 모든 엘리먼트의 태그명을 나열한다. This is a sample document: 1 2 3 showTags(document)의 출력 결과는 다음과 같다. HTML HEAD TITLE BODY DIV UL LI LI LI SCRIPT Document 객체는 모든 DOM 트리의 루트이지만 해당 트리 내의 HTML 엘리먼트를 나타내지 않는다. document.documentElement 프로퍼티는 문서의 ..

DOM 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 웹 페이지는 일종의 문서(document)다. 이 문서는 웹 브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거나 H..