XML DOM appendChild() 메서드
정의와 사용법
appendChild() 메서드는 지정된 요소 노드의 마지막 자식 노드 뒤에 노드를 추가합니다.
이 메서드는 새로운 자식 노드를 반환합니다.
문법:
appendChild(node)
| 파라미터 | 설명 |
|---|---|
| node | 추가해야 할 노드. |
예제
모든 예제에서 우리는 XML 파일을 사용할 것입니다 books.xml및 JavaScript 함수 loadXMLDoc()。
아래의 코드 스니펫은 첫 번째 <book> 요소에 노드를 추가하고 첫 번째 <book> 요소의 모든 자식 노드를 출력합니다:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//모든 제목과 출판물 출력
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
위 코드의 출력:
Everyday Italian - Edition: First Harry Potter - Edition: First XQuery Kick Start - Edition: First Learning XML - Edition: First
주의사항:Internet Explorer는 노드 사이에 생성된 공백 텍스트 노드(예: 개행 문자)를 무시하며, Mozilla는 이렇게하지 않습니다. 따라서 위의 예제에서는 단지 요소 노드(요소 노드의 nodeType가 1)를 처리합니다.
IE와 Mozilla 브라우저의 차이에 대한 더 많은 내용을 원하시면, CodeW3C.com의 XML DOM 교육을 방문하십시오. DOM 브라우저 이 장.
