JavaScript

12.4

노드 추가/삭제하기

문서 객체 모델은 DOM 트리 형태의 계층 구조로 생성된다는 사실 기억하죠? DOM 트리는 그림 12-2처럼 뒤집힌 나무에서 가지가 뻗어 나가는 형태로 구성됩니다. 이러한 DOM 트리에서 새로운 노드를 생성하고, 생성한 노드를 기존 DOM 트리와 연결하면 동적으로 새로운 요소를 화면에 추가할 수 있습니다.