HTML DOM appendChild() Method

예

목록에서 항목을 추가합니다 :

var node = document.createElement("LI");                 // Create a <li> node
var textnode = document.createTextNode("Water");         // Create a text node
node.appendChild(textnode);                              // Append the text to <li>
document.getElementById("myList").appendChild(node);     // Append <li> to <ul> with id="myList"

추가하기 전에 :

Coffee
Tea

추가 후 :

Coffee
Tea
Water

»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

appendChild() 메소드는 노드의 마지막 자식으로 노드를 추가합니다.

팁 : 텍스트, 새 단락을 만들려면 문서에 단락을 한 후, 당신은 단락에 추가 텍스트 노드와 텍스트를 만들 추가해야합니다.

또한 하나의 요소에서 다른 요소 요소를 이동하려면이 방법을 사용할 수 있습니다 (See "More Examples") .

팁 : 사용 insertBefore() 지정된, 기존의 자식 노드 앞에 새 자식 노드를 삽입하는 방법.

브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
appendChild()	예	예	예	예	예

통사론

node .appendChild( node )

매개 변수 값

매개 변수	유형	기술
node	Node object	필요합니다. 당신이 추가 할 노드 객체

기술적 세부 사항

반환 값 :	첨부 된 노드를 나타내는 노드 개체,
DOM 버전	코어 레벨 1 노드 개체

더 예

예

하나의 목록에서 다른 목록 항목을 이동 :

var node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

추가하기 전에 :

Coffee
Tea

Water
Milk

추가 후 :

Coffee
Tea
Milk

Water

»그것을 자신을 시도

예

크리에이트 <p> 요소와에 추가 <div> 요소 :

var para = document.createElement("P");                       // Create a <p> node
var t = document.createTextNode("This is a paragraph.");      // Create a text node
para.appendChild(t);                                          // Append the text to <p>
document.getElementById("myDIV").appendChild(para);           // Append <p> to <div> with id="myDIV"

»그것을 자신을 시도

예

크리에이트 <p> 일부 텍스트 요소와 문서 본문의 말미에 추가합니다 :

var x = document.createElement("P");                        // Create a <p> node
var t = document.createTextNode("This is a paragraph.");    // Create a text node
x.appendChild(t);                                           // Append the text to <p>
document.body.appendChild(x);                               // Append <p> to <body>

»그것을 자신을 시도

JavaScript 참고

JavaScript

브라우저 BOM

HTML DOM

HTML 사물

다른 개체

HTML DOM appendChild() Method

예

정의 및 사용

브라우저 지원

통사론

매개 변수 값

기술적 세부 사항

더 예

예

예

예

관련 페이지