DOM이란?

1. DOM이란?

 

DOM은 Document Object Model로, 문서 객체 모델로, HTML, XML문서의 프로그래밍 인터페이스입니다.

 

DOM은 여러 프로그램들이 페이지의 컨텐츠 및 구조, 스타일을 읽고 조작할 수 있는 API를 제공합니다.

브라우저에서 지원하는 개발자 툴에서 대부분 보이는 것이 DOM입니다.(하지만 모든 것이 보이는 건 아닙니다.)

 

2. DOM, HTML 차이점

 

DOM : HTML 문서의 내용과 구조가 객체모델로 면화되어 다양한 프로그램에서 사용될 수 있습니다.(설계도를 이용하여 실제로 화면에 나타내는 인터페이스)

 

HTML : 화면에 보여주고자 하는 문서를 다룬 것으로, 텍스트로 구성되어있습니다.(최초에 화면을 그릴 때 사용하는 설계도)

 

DOM과 HTML의 소스가 다른 경우

 

 - 작성된 HTML 문서가 유효하지 않는 경우

이와 같은 경우는 DOM이 올바르게 교정하여 나타낸 것으로 소스가 다른 경우에 해당됩니다.

 

 - JavaScript에 의해 DOM이 수정될 때

동적으로 처리되는 javascript에서 dom을 업데이트시키면 소스가 달라지며, html문서의 내용은 변경되지 않습니다.

 

3. DOM의 특징

 

 - 속성을 추가하여, 값을 제공하며, 값을 조회할 수 있습니다.(setAttribute, getAttribute)

 

 - remove()를 사용하여 node를 제거할 수 있습니다.

     (여기서 node란 여러가지 DOM 타입들이 상속하는 인터페이스로 Document, Element 등 있습니다.)

 

 - appendChild()로 element를 추가할 수 있습니다.

 

 

 

 

 - 출처 -

https://velog.io/@surim014/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

DOM이란 무엇인가?

https://velog.io/@godori/DOM%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

DOM이란 무엇인가?