브라우저 객체 모델(BOM, Browser Object Model)이란? 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어 가능 브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델 X 하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공 BOM 모델의 객체들을 전역 객체(global object)로 사용 가능 Window 객체 window 객체는 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원 자바스크립트의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨 window 객체의 메서드는 전역 함수이며, window 객체의 프로퍼티는 전역 변수가 됨. 문서..

노드(node)HTML DOM은 노드(node)라고 불리는 계층적 단위에 정보를 저장HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할HTML Node TreeHTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장노드들의 집합이며, 노드 간의 관계 표시노드 트리는 최상위 레벨인 루트 노드(root node)로부터 시작하여, 가장 낮은 레벨인 텍스트 노드까지 내려감!자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근가능노드의 종류W3C HTML DOM 표준에 따르면, HTML 문서의 모든 것은 노드!문서 노드(document node) : HTML 문서 전체를 나타내는 노드임.요소 노드(element node) : 모..

문서 객체 모델(DOM, Document Object Model) XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현 자바스크립트의 객체 모델을 이용한 기능 새로운 HTML 요소나 속성을 추가 가능 존재하는 HTML 요소나 속성을 제거 가능 HTML 문서의 모든 HTML 요소를 변경 가능 HTML 문서의 모든 HTML 속성을 변경 가능 HTML 문서의 모든 CSS 스타일을 변경 가능 HTML 문서에 새로운 HTML 이벤트를 추가 가능 HTML 문서의 모든 HTML 이벤트에 반응 가능 W3C DOM 표준 Core DOM : 모든 문서 타..