XML DOM 替换节点
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()
方法。