개체에 자식 엘레멘트를 첨부한다.

인수/파라메터
oNode
필수적인 요소이며, 첨부되는 엘레멘트를 지정하는 개체이다.
반환값

첨부된 자식 엘레멘트를 참조하는 개체를 반환한다.

특기

appendChild 메서드는 엘레멘트를 childNodes 컬렉션 제일 뒤에 첨부한다.

이 메서드는 IE6.0에서 attribute 개체에도 적용된다.

페이지에 새로운 엘레멘트를 디스플레이하기 위해서는 body 엘레멘트 속에 자식으로 첨부하여야 한다. 예를들어 bodydiv 엘레멘트를 첨부하기 위해서는

var oDiv=document.createElement('DIV');
document.body.appendChild(oDiv);

이 메서드는 런타임(run time)에 접속할 수 있다. 런타임에서 이 엘레멘트가 종료태그가 파싱되기 전에 제거되면, 문서의 지역들은 표현되지 않을 수 있다.

적용
개체scriptIE
참조
cloneNode insertBefore (영문)DOM(W3C Document Object Model)

이 메서드는 (영문)DOM1(W3C Document Object Model Level 1)에서 정의되었다.


appendChild 메서드로 목록 항목들 총 6개까지 첨부한다.

<SCRIPT>
function appChild(){
  if (oList.all.length<6){
    var oNewNode=document.createElement('LI');
    oList.appendChild(oNewNode);
    oNewNode.innerText='항목 번호 '+oList.all.length;
  }
}
</SCRIPT>
<UL id=oList>
<LI>항목 번호  1
<LI>항목 번호  2
</UL>
<INPUT type="button" value="자식 개체 추가" onclick="appChild()">