JAVASCRIPT STEP 9 - BOM

★ 조작

• 1. CSS
• 선택자 > 태그 검색 > 접근 > 서식 조작
• 2. JavaScript
• 검색도구 > 태그 검색 > 태그 조작 
• HTML 계층 구조 활용 + JavaScript 탐색
• (1) BOM, Browser Object Model
  • 초창기 모델
  • 현재까지 계속 사용
  • 선택적 모델 > 일부 태그만 관리 > 일부 태그만 조작 가능 > 빠진 태그는 조작 불가능
  • 일부 태그 : 이미지, 폼 태그 이외에는 조작 불필요하다고 판단.
  • 태그의 name을 사용해서 접근
  • id, class는 인식 불가능
• (2) DOM, Document Object Model
  • BOM > 개선한 모델
  • 현재까지 계속 사용(주력)
  • BOM 기반 + 기능 추가
  • 모든 태그를 인식 > 모든 태그를 조작
  • name, id, class 모두 인식 가능

 

★ BOM

• 1. 태그 검색

window.document.images[0]

• 2. 태그 조작

window.document.images[0].title = '고양이';
window.document.form1.txt1.size = 10;
window.document.form2.txt2.value = "홍길동";

// window는 브라우저 창 그자체
window.close();

 

bom 구조