이 문서에 대해
이 문서는 어떤 분에게 이 문서가 유용한지 내용을 어떻게 표시하는지 DOM 사용 예제를 어떻게 사용한지에 대한 내용을 담고 있습니다.
이 문서의 내용을 계속 추가하고 있고, Gecko에 구현된 DOM 메소드와 프로퍼티, 객체 모두가 아직 추가되어 있지는 않습니다. (예, the DOM 문서 참고) 이 참고 문서는 DOM내에 수 많은 API를 다뤄지고 있으며 이 문서로 통합 하고 있습니다.
본 문서의 주요 대상
Gecko DOM 참고 문서는 웹 개발자나 웹 페이지를 제작하고자 하는 고급 사용자를 대상으로 합니다. 이 가이드는 DOM이나 XML, 웹 서버, 웹 표준 그리고 DOM을 쉽게 접근할 수 있는 JavaScript 등에 대한 기본적인 소양을 요구 하지는 않습니다. 그러나 HTML과 마크업, 웹 페이지의 기본 구조나 웹 브라우저 및 스타일 시트에 대한 내용을 알고 있으면 도움이 됩니다.
이 문서에 있는 여러 가지 예제들과 설명은 고급 사용자나 초보자에게도 모두 도움이 될 것입니다. 이 문서는 API 참고 매뉴얼로 계속 갱신될 예정입니다.
Gecko란 무엇인가?
Mozilla, Firefox, Netscape 6+와 다른 Mozilla 기반 브라우저는 자체 DOM 구현 엔진을 가지고 있습니다. 이것은 같은 구현 기술을 사용했기 때문입니다. naturally, it applies only to products based on the same version of Gecko, but it's tricky to explain
Gecko(게코)는 HTML을 해석하고 웹 페이지 레이아웃을 표현하고 문서 객체 모델과 이와 관련된 작업을 수행하는 웹 브라우저의 소프트웨어 컴포넌트입니다. 이 프로그램은 웹 문서내의 W3C DOM 및 비표준 브라우저 객체 모델(BOM, 예 window 그리고 웹 브라우저 내
chrome
과 같은 응용 프로그램 인터페이스 등을 수행하는 강력하고 표준 지향적인 렌더링 엔진입니다.
Gecko는 응용프로그램 인터페이스와 컨텐트를 다양한 방식으로 표현하기 때문에 DOM을 노드의 트리 구조로 일괄적으로 표현 합니다. (commenting this incomplete sentence out for now...) The tree structure of the DOM (which in its application to the user
API 문법
API 참고 자료는 입력 및 출력 데이터와 반환 값, 추가 정보, 필요한 스펙으로 링크 등을 설명합니다.
일반적으로 읽기 전용 프로퍼티들은 설정을 할 필요가 없기 때문에 한 줄의 문법을 가지고 있습니다. 예를 들어 screen의 availHeight 객체는 다음과 같은 문법을 가집니다.
이 프로퍼티를 문장의 오른쪽에서만 사용할 수 있지요. 이에 반해 읽기/쓰기용 프로퍼티는 다음과 같이 사용할 수 있습니다.
일반적으로 멤버를 갖는 객체는 모든 요소에 대해서는 element, 모든 문서 객체에 대해서는 document, 테이블에 대해선 TABLE 객체 등으로 간단히 기술됩니다. (자세한 것은 중요 데이터 형식를 참고하세요.)
예제 사용법
이 문서에는 바로 웹 브라우저에서 사용할 수 있도록 만든 여러 가지 예제들이 있습니다. 여러분은 자바 스크립트 callback 함수를 내에 넣어서 이것을 실행해 볼 수 있습니다. 예를 들어 window.document 프로퍼티에 대한 예제는 아래와 같이 버튼을 눌러 호출 함으로서 실행 가능합니다.
<html>
<script>
function testWinDoc() {
doc= window.document;
alert(doc.title);
}
</script>
<button onclick="testWinDoc();">test document property</button>
</html>
아직 완전히 만들어지지 않은 객체 멤버들도 비슷한 함수와 웹 페이지들이 제공 될 것입니다. DOM API 테스트하기 부분에서는 API를 한번에 사용할 수 있는 테스트 방법들이 나와 있습니다.