XML DOM cloneNode() 方法

  • 定义和使用

    cloneNode() 方法创建指定节点的精确副本。
    此方法返回克隆的节点。
  • 浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(包含)以上支持 4.0(包含)以上支持 2.0(包含)以上支持 3.0(包含)以上支持 9.0(包含)以上支持
    所有主流的浏览器均支持 cloneNode() 方法。
  • 语法

    cloneNode(include_all)
    
  • 参数

    参数 必需的 描述
    include_all 如果 Boolean 参数设置为 true,则克隆的节点也将克隆原始节点的所有子节点
  • 示例

    以下代码片段将 "books.xml" 加载到 xmlDoc 中,克隆第一个<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);
    
        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>
    
    尝试一下