본문 바로가기

Web/Java Script8

[JS] Node 객체 노드(Node)란? HTML DOM에서 정보를 저장하는 계층적 단위이다. 노트 트리는 노드들의 집합으로 노드 간 관계를 나타낸다. 자바스크립트에선 HTML DOM을 이용하여 노드 트리에 포함된 모든 노드에 접근할 수 있다. 노드 간 관계 - 노드 트리의 모든 노드는 계층적 관계 노드 종류 문서 노드 요소 노드 주석 노드 속성 노드 텍스트 노드 문서 노드(document node) - HTML 문서 전체를 나타내는 노드 요소 노드(element node) - 모든 HTML 요소는 요소 노드 - 속성 노드를 가질 수 있는 유일한 노드 주석 노드(comment node) - HTML 문서의 모든 주석은 주석 노드 속성 노드(attribute node) - 모든 HTML 요소의 속성은 속성 노드 - 요소 노드에.. 2022. 4. 14.
[JS] 문서 객체 모델 DOM 개념과 자바스크립트 DOM이란? DOM은 문서 객체 모델(Document Object Model)로 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 한다. DOM의 종류 Core DOM HTML DOM XML DOM Core DOM 모든 문서 타입을 위한 DOM 모델 HTML DOM HTML 문서를 위한 DOM 모델 HTML 문서를 조작하고 접근하는 표준화된 방법 모든 HTML 요소는 HTML DOM을 통해 접근 가능 XML DOM 문서를 위한 DOM 모델 XML 문서에 접근하여 그 문서를 다루는 표.. 2022. 4. 14.