📌문서객체모델 DOM(the Document Object Model)

문서객체모델은 HTML, XML 문서의 프로그래밍 *interface이다.

(*interface → 하나의 시스템을 구성하는 하드웨어와 소프트웨어 또는 2개의 시스템이 상호작용할 수 있도록 하는 포괄적인 용어)

DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서구조, 스타일, 내용 등을 변경할 수 있게 돕는다.

DOM은 nodes와 objects로 문서를 표현한다.

이들은 웹페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.

✏ DOM의 중요한 데이터 타입

▶NodeList

element의 “배열”이다.

nodelist안의 items들은 Index를 통해 접근 할 수 있다.

1. list.item(1)

2. list[1]

→1) item( )의 method는 nodeList object의 단일 method이다.

→2) list에서 index가 두번째인 item을 fetch(가져온다)하는 전형적인 array syntax(배열 문법)이다.

두가지 접근 방법 모두 같은 결과를 출력한다.