10일차(Java Script-createElement&appendChild)-24.11.27

document.createElement

지정된 이름의 HTML요소를 만들어 반환하는 메소드이다.
HTML요소가 만들어지고 또 반환되었다고 하여 해당 요소가 바로 웹브라우저 화면에 추가되는 것은 아니다.
자바스크립트 단계에서 만들어져 있는 요소를 화면에 표시하는 작업을 추가로 해줘야한다.

예) document.createElement(‘div’)
document.createElement(‘p’)

---

append(‘’)/appendChild(‘’)

appendChild는 DOM 내 개별요소(노드)에 자식 요소를 추가할 때 사용

사용방법 : target.appendChild(추가할 자식요소)

append는 타겟요소에 자식요소를 추가한다는 것은 같으나 차이점도 있다.

차이점

• append는 요소에 노드객체 또는 문자열을 자식요소로 추가할 수 있다
  appendChild는 노드 객체만을 추가할 수 있다.
• appendChild는 추가한 자식노드를 반환한다.
  append는 반환데이터가 없다.

append()/appendChild()를 여러번 반복하는 법은 앞에서 배운 반복문을 활용하면된다.