XML DOM appendChild() 方法

定义和使用

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

注意：如果新子代已在树中，则首先将其删除。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

8.0（包含）以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

所有主流的浏览器均支持 appendChild() 方法。

语法

nodeObject.appendChild(newchild)

参数	描述
newchild	要添加 (append) 的节点

返回值

Node object	表示附加节点
DOM 版本	核心级别1节点对象；在 DOM 级别3中修改

示例

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

<!DOCTYPE html>
<html>
  <body>
  
  <p id="demo"></p>

  <script>
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            myFunction(xhttp);
        }
    };
    xhttp.open("GET", "books.xml", true);
    xhttp.send();
    
    function myFunction(xml) {
        var x, y, i, newElement, txt, xmlDoc;
        xmlDoc = xml.responseXML;
        newElement = xmlDoc.createElement("edition");
        x = xmlDoc.getElementsByTagName("book")[0]
        x.appendChild(newElement);
    
      // Display all elements
        xlen = x.childNodes.length;
        y = x.firstChild;
        txt = "";
        for (i = 0; i < xlen; i++) {
            if (y.nodeType == 1) {
                txt += y.nodeName + "<br>";
            }
            y = y.nextSibling;
        }
        document.getElementById("demo").innerHTML = txt;
    }
  </script>
  
  </body>
</html>

尝试一下