HTML 구조와 똑같이 자바스크립트에서 DOM을 가지고 같이 계층구조를 이룬다 이것을 DOM트리라고

부른다.

DOM트리에선 각 객체를 노드(Node)라고 표현한다. 각 위치에따라 부모노드 , 자식노드 , 형제노드라고 나뉜다

DOM트리에선 다양한 타입노드가 존재하는데

1. 요소노드 : 태그를 감사고 있는 객체를 요소 노드라고 한다. (head. , body , h1, h2, meta , title)
2. 텍스트노드 : 텍스트로 이뤄져 있다. 요소 노드의 자식 노드 , 자식노드는 자식을 가질 수 없다 (요소안에 텍스트들)
3. 코멘트 노드 : HTML 문서에서 주석처리된 객체들
4. 문서 노드 : document

더 다양한 타입노드들이 존재하지만 요소 , 텍스트 노드들이 주로 많이 사용된다.

요소 노드에 대한 이동 프로퍼티

모든 노드에 대한 이동 프로퍼티

요소 노드가 아닌 텍스트 노드를 포함한 다른 노드들을 이동하고 싶은 경우