DOM (Document Object Model)

 

DOM

웹의 문서와 웹의 태그와 관련된 객체를 의미

 

태그와 노드는 거의 같은 개념

 

HTML 요소들의 구조화된 표현

DOM 객체구조는 "노드 트리"라고 표현

 

텍스트 노드

1. 제일 먼저 생성하고자 하는 엘리먼트 요소를 생성(즉, 태그를 생성)

--> createElement() 

 

2. 원하는 텍스트를 변수에 저장

--> createTextNode()

 

3. 해당 객체에 붙여준다

--> appendChild()

 

// 테스트시 개발자 도구-> Elements 에서 확인해야 추가된 태그가 보인다.