XML DOM 替换节点

在XML DOM中，可以通过 replaceChild() 方法来替换一个已存在的节点。该方法可以用于替换当前节点中的子节点，也可以用于将当前节点替换为另一个节点。

语法

replaceChild(newnode, oldnode)

参数说明

newnode ：必需。要插入的新节点。
oldnode ：必需。要替换的旧节点。

返回值

该方法返回被替换的节点，即 oldnode。如果 oldnode 不存在，则返回null。

示例

我们可以通过以下代码来替换一个节点：

<!DOCTYPE html>
<html>
<body>

<p id="demo">这是一个段落。</p>

<button onclick="myFunction()">替换段落</button>

<script>
function myFunction() {
  var newNode = document.createElement("h2");
  var oldNode = document.getElementById("demo");
  var parent = oldNode.parentNode;
  parent.replaceChild(newNode, oldNode);
  newNode.innerHTML = "替换后的标题";
}
</script>

</body>
</html>

在这个例子中，我们首先创建一个新节点 newNode，它是一个 <h2> 标签。我们还在代码中找到了要被替换的节点 oldNode，即我们先前定义的 <p> 标签。然后，我们用 replaceChild() 方法将 oldNode 替换为 newNode。

最后，我们还给 newNode 设置了一个新标题 "替换后的标题"。

这里需要注意的是，我们必须需要使用 parentNode 属性来定位父节点，然后才能使用 replaceChild() 方法。

总结

使用 replaceChild() 方法可以在 XML DOM 中替换一个节点。在使用这个方法时，需要注意要指定新的子节点内容，并找出父节点，在正确的位置上执行 replaceChild() 方法。

XML DOM 教程 XML DOM 浏览器差异