[JavaScript] DOM - 노드 만들고 해당 위치에 연결하기

요소 노드 만들기

document.createElement('요소명')

 

 

 

 

 

 

텍스트 노드 만들기

document.createTextNode('텍스트')

 

 

 

 

 

노드 연결하기

요소 노드와 텍스트 노드를 만들면 각각 따로 존재하기 때문에 서로 연결해야 합니다.

 

부모노드.appendChild(자식노드)

: 부모노드의 마지막 위치에 추가

 

<h1>텍스트</h1>

 

 

부모노드.insertBefore(새노드, 기준노드)

: 새 노드를 기준노드 바로 앞에 추가

 

 

 

 

 

 

 

만들어진 노드를 바디태그에 추가

console

 

 

 

 

 

만들어진 노드를 태그에 추가

console