반응형
웹 페이지를 동적으로 조작하기 위한 브라우저객체 구조가 있다.
브라우저 객체는 브라우저 밴더사에서 독자적으로 구현한 객체이기 때문에 표준 규격이 존재하기 어렵다.
크로스브라우저를 고려한 코드를 작성하는 것은 번거롭게 된다.
그래서 DOM이라는 것을 정의하여 HTML이나 XML같은 마크업언어로 작성된 문서에
접근하기 위해 표준적인 구조로 크로스브라우징을 교려한 코드를 작성하기가 용이하다.
DOM구조
|
1
2
3
4
5
6
7
8
|
<html>
<head>
<title>DOM의 기본 구조</title>
</head>
<body>
<p id="greet">이것이 <strong>문서 트리</strong>이다.</p>
</body>
</html>
|
cs |
위와 같이 문서에 포함되는 요소나 속성, 텍스트를 각각의 객체로 본다.(객체의 집합)
문서 구성하는 각 요소 객체를 노드라고 한다.
객체의 종류에 따라 요소노드, 속성노드, 텍스트 노드 등으로 부름.
DOM은 노드들을 추출/추가/치환/삭제를 위한 범용적인 함수를 제공하는 API이다.
DOM은 웹 표준화 단체 W3C에서 표준화 진행 중인 레벨이 있다.
참조사이트 https://www.w3.org/DOM/DOMTR#dom4
| 레벨 | 권고 시기 | 개요 |
| Level 1 | 1988/01 | 노드의 참조/추가/치환/삭제 등의 기본 기능을 정의 |
| Level 2 | 2000/11 | Level 1에 스타일 조작이나 이벤트 모델, 노드의 범위 지정 등의 기능을 추가 |
| Level 3 | 2004/04(일부) | Level 2에 XPath, 타당성의 검증, 읽기/보존 등의 기능을 추가 |
반응형
'교육자료 > Javascript' 카테고리의 다른 글
| 18-2. 속성 값 가져오기 (0) | 2019.05.13 |
|---|---|
| 18-2. DOM특정 노드 참조하기 (0) | 2019.05.13 |
| 17-7. Screen 브라우저 객체 (0) | 2019.05.13 |
| 17-6. Navigator 브라우저 객체 (0) | 2019.05.13 |
| 17-4. Document 브라우저 객체 (0) | 2019.05.13 |