Web-Programming/Javascript
[ DOM / BOM ] HTML 객체 모델 차이
[ DOM / BOM ] HTML 객체 모델 차이
■ 자바스크립트로 HTML요소 접근하기
＊태그의 속성이나 서식을 제어
＊BOM(Browser Object Model)
- 초기 모델, 폐쇠적
- 이미 족보가 완성되어있음
- 직책을 가지고 태그를 구분(하는 역활을 가지고 구분)
- 브라우져의 웹페이지 로딩 -> 웹페이지의 각종 태그 -> 특정태그 -> 정해진 계층구조로 탐색
- 특정태그: Window, Document, a, img, form, form구성요소
- 모든 태그에 접근 가능한게 아니라 일부 계층 구조에 이미 속해있는 태그에 한해서 접근가능
ex) <p>, <table>같은 태그에는 접근 할 수 없다
- 정해진 트리구조를 따라서..
- 태그의 name속성값 식별
- 자바스크립트가 제공하는 배열을 통해서 식별
- window,document,body,images, forms, links, elements..
＊DOM(Document Object Model)
- XML
- 족보가 소스에 따라 다름
- 문서의 트리구조에 따라서 접근
- 부모, 자식관계를 찾아서 식별
- 특정 메서드로 접근
- getElementById("아이디") : 태그의 id속성값 식별
- getElementsByTagName("태그명") : 태그명 식별
- 문서내의 태그들의 계층구조를 통해서 접근 가능한 방식
- Document구조를 트리구조로 구조화 시켜서 접근 하는 것!
- Document내의 모든 태그에 접근이 가능하다
- 기능이 BOM에 비해 확장되어 있다
'Web-Programming > Javascript' 카테고리의 다른 글
| SELECT BOX : 추가,삭제,초기화 - Javascript(자바스크립트) (0) | 2012.03.18 |
|---|---|
| [ 구글맵 / api / v3 / map / 지도 ] google map api 사용하기, 마커찍기 (5) | 2011.12.24 |
| [ 자바스크립트 / 브라우저 / 체크 ] Javascript Browser Check (0) | 2011.11.22 |
| [ 자바스크립트 / javascript / 아이프레임 / 파이어폭스 / IE / 크롬] iframe auto resize - 아이프레임 리사이즈 (1) | 2011.11.21 |
| [ javascript / 자바스크립트 ] F5, 새로고침 , Ctrl + R, Ctrl + N, 방지, 막기, 금지 (0) | 2011.11.15 |
| [Javascript] 자바스크립트 기초,초급 (0) | 2011.08.31 |
| 스크롤 따라 움직이는 레이어 (0) | 2011.02.26 |
| 시작페이지, 즐겨찾기 버튼 만들기 (0) | 2010.05.26 |
| JAVASCRIPT-자바스크립트 : 경고창이나 대화상자 없이 window.close() 시킬 수 있는 방법입니다. ㅎ (0) | 2010.05.15 |
| JAVASCRIPT : 자바스크립트 쿠키를 구워보자!!!ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ (0) | 2010.05.14 |
댓글