DOM 구조도

DOM 구조도

CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...

DOM 구조도

DOM은 HTML 문서나 XML 문서에 접근하기 위한 일종의 인터페이스입니다.

문서 내의 모든 요소의 목적과 특징을 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.

HTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장됩니다.

이러한 노드 트리는 노드들의 집합이며, 노드 간의 관계를 보여줍니다.

자바스크립트에서는 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있습니다

노드(node)

노드(node)라고 불리는 계층적 단위에 정보를 저장하고 있습니다.

DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할을 합니다.

노드 트리

(node tree)

최상위 레벨인 루트 노드(root node)로부터 시작하여, 가장 낮은 레벨인 텍스트 노드까지 뻗어 내려갑니다.

문서 객체의 style 속성 사용 (0)	2017.06.27
노드 제거 - 문서 객체 제거, removeChild, removeAttribute (0)	2017.06.27
DOM 요소의 내용 변경-문서 객체의 innerHTML 속성 사용해 내용 변경, 문서 객체의 textContent 속성 사용해 내용 변경, nodeValue 프로퍼티를 사용하여 특정 노드의 값 변경, replaceData() 메소드를 사용하.. (0)	2017.06.27
노드의 추가 - insertBefore(), insertData() (0)	2017.06.27
노드의 탐색 (0)	2017.06.27

CodeDragon