js中replaceChild的实例用法
时间: 2024-05-11 18:20:14 浏览: 85
js中replace的用法总结
`replaceChild` 方法是用于替换指定节点的子节点。它接收两个参数:新节点和要替换的节点。
下面是一个使用 `replaceChild` 方法的示例:
```javascript
// 获取要替换的节点
var oldNode = document.getElementById("old-node");
// 创建新节点
var newNode = document.createElement("div");
newNode.innerHTML = "This is the new node.";
// 获取要替换的节点的父节点
var parentNode = oldNode.parentNode;
// 使用 replaceChild 方法进行替换
parentNode.replaceChild(newNode, oldNode);
```
在这个示例中,我们首先通过 `getElementById` 获取了要替换的节点 `oldNode`,然后创建了一个新节点 `newNode`。接下来,我们获取了要替换的节点的父节点 `parentNode`,最后使用 `replaceChild` 方法进行替换,将新节点 `newNode` 替换掉旧节点 `oldNode`。
阅读全文