CH Blog | 기술 블로그

이채현

💡 Javascript DOM

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

• HTML ⇒ 문서
• 문서를 조작하는 언어 ⇒ JavaScript
• Document Object Model ← JavaScript가 DOM을 통해 HTML을 조작
• DOM 내부에는 Node: HTML 요소 하나하나 전부를 지칭
  • Node는 Tree형태로 부모노드가 자식노드를, 자식노드가 그 자식노드를…
  • 각 Node에는 수 많은 Properties, Methods…가 존재

결론

• HTML문서를 JavaScript로 모델링 한 것이 DOM
• 인터페이스를 하나하나 자르면 단위가 Node이며, Node는 Tree구조로 이루어져있다.

Eg) ’li’ 태그를 뽑아보면 정보가아래처럼 수 많이 담겨있다.