XML DOM cloneNode() 方法

定义和使用

cloneNode() 方法创建节点的副本，并返回新克隆的节点。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

nodeObject.cloneNode(deep)

参数	类型	描述
deep	Boolean	true克隆节点，其属性及其后代。 false克隆节点及其属性。

返回值

Node object	表示克隆节点
DOM 版本	核心级别1节点对象

示例

以下代码片段加载 "books.xml"，克隆第一个<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, cloneNode, i, xmlDoc, txt;
        xmlDoc = xml.responseXML;
        txt = "";
        x = xmlDoc.getElementsByTagName('book')[0];
        cloneNode = x.cloneNode(true);
        xmlDoc.documentElement.appendChild(cloneNode);
    
        // Output all titles
        y = xmlDoc.getElementsByTagName("title");
        for (i = 0; i < y.length; i++) { 
            txt += y[i].childNodes[0].nodeValue + "<br>";
        }
        document.getElementById("demo").innerHTML = txt; 
    }
  </script>
  
  </body>
</html>

尝试一下