[JS] append() & appendChild() 비교

 

---

 

append와 appendChild의 차이를 알고 싶어 정리한 글.

 

	append()	appendChild()
타입	자바 스크립트 함수	DOM 함수
추가 노드 갯수	여러개의 자식요소 설정 가능	한 개만 가능
문자열 노드 추가 지원	가능 DOM 문자열, 또는, 태그와 조합해 여러개의 텍스트 노드, 또는 엘리먼트 노드를 여러개 만들 수 있음 Node object ('p') // p tag DOM String('한글)	Node object만 가능
인터넷 익스플로어	미지원	지원
prepend 지원	prepend() 지원	prependChild() 미지원
반환 값	undefined	추가된 노드 참조

 

 

 인터넷 익스플로어를 지원하지 않아도 된다면 append()를 사용하는 것이 다방면으로 좋다!