Categorydom (3)

12. DOM 레벨 2와 레벨 3

DOM 레벨2, DOM 레벨3 DOM레벨1은 HTML, XML문서 구조를 정의하는데 초점이 맞춰져있습니다. 레벨2와 레벨3은 위 구조에 따른 상호작용 기능 추가 및 고급 XML기능을 지원합니다. 서로 관련있는 아래와 같은 모듈로 구성되어있습니다. DOM 코어 : 레벨 1 코어를 바탕으로 노드에 메서드와 프로퍼티를 추가. DOM 뷰 : 스타일 정보를 바탕으로 여러가지 문서 뷰 정의 DOM 이벤트 : 이벤트에 기반한 DOM 문서 상호작용 방법 정의 DOM 스타일 : CSS스타일 정보에 접근하고 변경하는 방법 정의 DOM 이동과 범위 : DOM문서를 이동하고 특정 범위를 선택하는 새 인터페이스 정의 DOM HTML : 레벨1 HTML에 기반하여 새 인터페이스와 프로퍼티, 메서드를 추가 이중 DOM 이벤트는 다..

11. DOM 확장

※ 이 포스트는 이전 10. DOM - Document Object Model - API 포스트와 이어집니다. DOM 확장 브라우저 별로 DOM확장을 지원했습니다. 이후 W3C에서 사실상 표준이 된 각종 전용 확장을 명세로 표준화 하기 시작했습니다. 이번 포스트에서는 확장된 DOM 및 각 브라우저 별 전용 확장에 대해 알아봅시다. 선택자 API jquery는 getElementsById()같은 메서드를 쓰지 않습니다. 완전히 CSS선택자에 기초하여 DOM문서를 쿼리합니다. 하지만 기존에 DOM메서드를 이용해 문서 노드를 이동하며 노드를 골라냈기에 개발자들이 노력을 해도 자바스크립트 코드의 한계를 넘지 못했습니다. 하지만 자바스크립트는 위와같은 동작을 네이티브 API로 구현하여 비약적인 성능향상을 하였습니..

10. DOM - Document Object Model - API

DOM문서 객체 모델은 HTML, XML문서에 대한 API입니다. 문서의 노드를 계층 구조 트리로 표현하고 있습니다. 개발자는 이를 추가, 제거, 수정 할 수 있습니다.노드의 계층 구조아래 HTML을 봅시다. Sample Page Hello World! 위 HTML을 계층 구조로 보면 아래와 같습니다문서 노드의 자식은 html 하나 뿐인데 이를 문서 요소라고 합니다. 문서 하나에 문서 요소하나만 있을 수 있습니다. XML은 미리 지정된 문서 요소가 없으며 어떤 요소든 문서 요소가 될 수 있습니다.각 마크업은 트리에서 노드로 표현되며 HTML 요소들은 요소 노드로, 속성은 속성 노드로, 문서 타입은 문서 타입 노드로, 주석은 주석 노드로 표현됩니다. 이렇게 총 12가지 노드 타입이 있으며 이에 대해서 알아..