Stundenplan

XML-Tutorial

XML DOM-Anleitung

XPath-Anleitung

XSLT Anleitung

XQuery 教程

XML DTD 教程

XSD Schema 教程

XSD 数据类型

Referenzhandbuch

选修课

课程推荐：

CodeW3C.com Schatzkiste

XML DOM appendChild() 方法

Node Objekt

定义和用法

appendChild() 方法将新的子节点追加到节点的子节点列表的末尾。

注意：如果 newchild 如果在树中，则首先将其删除。

语法

nodeObject.appendChild(newchild)

参数	描述
newchild	要添加的节点。

技术细节

DOM 版本：	Core Level 1 Node Object。在 DOM Level 3 中修改。
返回值：	Node 对象。被追加的节点。

实例

例子 1

下面的代码将 "books.xml" 加载到 xmlDoc 中，并创建一个节点 (<edition>)，并将其追加到第一个 <book> 节点的最后一个子节点之后：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var newel = xmlDoc.createElement("edition");
    var x = xmlDoc.getElementsByTagName("book")[0];
    x.appendChild(newel);
    document.getElementById("demo").innerHTML =
    x.getElementsByTagName("edition")[0].nodeName;
{}

Versuchen Sie es selbst

Beispiel 2

Fügen Sie die Unter节点 zu allen <book>- Knoten hinzu:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var x, y, z, i, xLen, yLen, newEle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.getElementsByTagName("book");
    xLen = x.length;
    for (i = 0; i < xLen; i++) { 
        newEle = xmlDoc.createElement("edition");
        newText = xmlDoc.createTextNode("first");
        newEle.appendChild(newText);
        x[i].appendChild(newEle);
    {}
    // Ausgabe aller title und edition
    y = xmlDoc.getElementsByTagName("title");
    yLen = y.length
    z = xmlDoc.getElementsByTagName("edition");
    for (i = 0; i < yLen; i++) { 
        txt += y[i].childNodes[0].nodeValue + 
        " - Edition: " + 
        z[i].childNodes[0].nodeValue + "<br>";
    {}
    document.getElementById("demo").innerHTML = txt; 
{}