javascript_createElement & appendChild

createElement()

document.createElement('div')

• document 객체에 포함된 메서드
• 지정된 이름의 HTML 요소를 만들어 반환함
• 반환한 요소를 웹 브라우저 화면에 '추가'하는 것은 아님!
• 자바스크립트 단계에서 만들어져있는 요소를 화면에 추가하는 작업은 따로 해줘야함
  
  

appendChild()

• DOM 내 개별 요소(노드)에 자식 요소를 추가할 때 사용하는 메서드
• 위의 createElement에서 만들어 반환한 요소를 화면에 추가하는 작업

target.appendChild(자식으로 추가할 요소)

const p = document.createElement("p")
document.body.appedChild(p)

append()

• append를 이용하면 요소에 노드 객체 또는 문자열을 자식요소로 추가할 수 있음
• 그러나 appendChild는 노드 객체만을 추가할 수 있음
• append는 반환 데이터가 없음
• 그러나 appendChild는 추가한 자식 노드를 반환함