appendChild is not a function 오류

오늘 이야기 하고자 하는 것은

자바 스크립트에서 태그의 동적 생성에

사용되는 appendChild()에 관한 오류이다.

 

 

 appendChild()는 DOM객체에서만 사용할 수 있다는 것이었다.

 

var ele = document.getElementsByClassName('temp');//HTMLCollection 

var ele = document.getElementsByClassName('temp')[0];  // HTML DOM 객체

그렇다 인덱스 처리를 해주는 것이다. [0] 추가

 

jQuery는 jQury 객체를 반환한다고한다

jQuery도 [0]을 처리해줘야한다

var ele = $('#temp'); // jQuery 객체

var ele = $('#temp')[0]; // HTML DOM 객체

 

id는 한개의 값만 가져오기에 HTML DOM객체인가 보다.

var ele = document.getElementById('temp'); // HTML DOM 객체

 

참고사이트