要替换 一个子节点与新节点的JavaScript提供了一个称为“方法的replaceChild() ”。为了首先完成此任务，我们必须创建一个新节点，然后使用 replaceChild()，用新节点替换 旧节点。
node.replaceChild(newnode, oldnode);
它采用两个参数，即 旧节点和新节点，并将旧节点替换为新节点。
在下面的示例中，最初，无序列表由元素Boost，Horlicks和Maltova组成。在使用 replaceChild()将第一个元素替换为Bournavita之后，我们得到的输出是Bournavita，Horlicks和Maltova，如输出所示
<html>
<body>
<ul id="List"><li>Boost</li><li>Horlicks</li><li>Maltova</li></ul>
<script>
var newnode = document.createTextNode("Bournavita");
var item = document.getElementById("List").childNodes[0];
item.replaceChild(newnode, item.childNodes[0]);
</script>
</body>
</html>Bournavita Horlicks Maltova