이 코드를 기준으로 DOM 트리를 구성하면 그림과 같습니다.

그림 12-15 예제 코드의 DOM 트리

DOM 트리는 여러 타입의 노드로 구성되지만, 주축이 되는 노드는 요소 노드입니다. 그래서 일반적으로 DOM 트리에 새로운 노드를 연결할 때는 먼저 요소 노드를 생성합니다.

<script>
  // 요소 노드 생성하기
  const aEl = document.createElement("a"); 
</script>