티스토리 뷰
* BOM (Browser Object Model)
- 브라우저와 관련된 집합입니다.
- 웹서비스 개발과 밀접한 관련이 있습니다.
- DOM이 BOM 중 하나로 볼 수 있습니다.
- BOM의 최상위 객체는 Window라는 객체입니다.
- Window 객체의 하위 객체로 볼 수 있습니다.
* DOM (Document Object Model)
- '문서 객체 모델' 이렇게 해석할 수 있습니다.
- 문서 객체란 <html>, <body> 같은 html문서의 태그들을
자바스크립트가 이용할 수 있는 객체로 만든것을 의미합니다.
- 여기서 Model은 객체를 인식하는 방식으로도 볼 수 있습니다.
* DOM구조 트리이미지
PS : 트리와 노드에 대해 이해를하면 습득을 하기 편리합니다.
* 자바스크립트에서 문서객체를 생성한다는 의미???
- 우선 웹브라우저가 HTML 페이지에 적혀있는 것을 읽을 수 있다면 생성하는거로 볼 수 있습니다.
- 단순히 적혀져 있는 그대로 문서객체가 생성된다고 하여 정적으로 문서 객체를 생성한다고 볼 수 있습니다.
- 반면에 HTML 페이지에 없던 문서객체를 자바스크립트를 활용하여 문서객체를 생성할수도 있는데,
이런경우엔 동적으로 생성할 수 있다고 봅니다.
* DOM을 사용하는 방법 & 동적으로 생성하는 방법
- 동적 생성전 소스 및 결과
- 동적 생성하는 소스 (스크립트부분을 참조)
- 동적생성 결과
출처 : https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/%EC%86%8C%EA%B0%9C
'프로그래밍언어 > 자바스크립트' 카테고리의 다른 글
| [Javascript] querySelector, querySelectorAll 사용 (0) | 2024.01.25 |
|---|---|
| [JQuery] 이벤트와 이벤트 객체 (0) | 2020.06.07 |
| [JQuery] AJAX (0) | 2020.06.07 |
| [Javascript] 프로토타입 (Prototype) (0) | 2020.05.28 |
| [Javascript] 함수의 정의 및 종류 (0) | 2020.05.24 |