●DOM (Document Object Model)

 ▷XML 데이터를 Tree구조로 저장하는 Parser (DOM parser)

 ▷HTML DOM과 비슷한 구조를 가진다.

 ▷문서 내 모든 요소의 객체, 속성, 메소드를 정의

 

 ▶Tree 구조

  ▷요소 노드 : 속성 노드와 텍스트 노드 또는 또 다른 요소 노드를 자식으로 가짐 (그 자체는 값을 가지지 않음)

  ▷속성 노드 : 속성의 값을 가지는 노드

  ▷텍스트 노드 : 문자열(요소의 문자열)을 값으로 가지는 노드

 

 ▶XMLHttpRequest

  ▷서버로 부터 XML 데이터를 전송받아 처리함.

 

  ▶문서 요청

   ▷status : 문서의 상태 (200:존재 / 404:존재하지 않음)

   ▷readyState : XMLHTTPRequest 객체의 상태 (UNSENT / OPENED / HEADERS_RECEIVED / LOADING / DONE)

   ▷open("GET", url, true/false) 와 send()를 통해 요청 전달 (true : 비동기적 / false : 동기적)

 

  ▶데이터 해석

   ▷responseText : 응답받은 데이터를 문자열로 저장

   ▷responseXML : 응답받은 데이터를 XML DOM으로 저장

 

 

○JS 노드 접근 메소드/속성

 ▶Common Node

  ▶멤버 변수

   ▷nodeType 종류

   ▷nodeValue 종류

   ▷nodeName 종류

 

  ▷메소드 (노드의 추가/제거)

 

 ▶NodeList

  ▷멤버 변수

 

 ▶Document

 

 ▶Element Node

 

 ▶Attribute Node

 

 ▶Text Node

'컴퓨터 언어 > JS' 카테고리의 다른 글

Ajax  (0) 2020.12.02
기타 함수(메서드)  (0) 2020.11.09
HTML DOM  (0) 2020.10.28
JSON  (0) 2020.10.28
Event  (0) 2020.10.27

+ Recent posts