XML DOM replaceChild() 方法

定义和使用

replaceChild() 方法将一个子节点替换为另一个子节点。

如果成功，此函数将返回替换的节点，如果失败，则返回NULL。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

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

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

语法

elementNode.replaceChild(new_node,old_node)

参数

参数	必需的	描述
new_node	是	指定新节点
old_node	是	指定要替换的子节点

示例

以下代码片段将 "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, z, i, newNode, newTitle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.documentElement;
    
    // 创建一个book元素，title元素和一个text节点
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("A Notebook");

    // 将文本节点添加到标题节点
    newTitle.appendChild(newText);

    // 将书名节点添加到书名节点
    newNode.appendChild(newTitle);

    y = xmlDoc.getElementsByTagName("book")[0];

    // 将第一本书节点替换为新本书节点
    x.replaceChild(newNode, y);

    z = xmlDoc.getElementsByTagName("title");
    //输出所有的标题  
    for (i = 0; i < z.length; i++) { 
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt; 
}
</script>

</body>
</html>

尝试一下