html dom replaceChild()方法替换指定子节点

html dom replaceChild()方法

replaceChild()方法是html dom中的一种操作，它可以用来替换指定的子节点。它接受两个参数，第一个参数是要替换的新节点，第二个参数是要被替换的旧节点。

  // 例子
  var newNode = document.createElement("div");
  var oldNode = document.getElementById("oldNode");
  oldNode.parentNode.replaceChild(newNode, oldNode);

上面的代码演示了如何使用replaceChild()方法替换指定的子节点。我们创建了一个新的div节点，使用getElementById()方法获取旧的节点，使用replaceChild()方法将新节点替换旧节点。

除了替换节点，replaceChild()方法还可以用来更新现有的节点，比如更改节点的属性或内容。

  // 例子
  var oldNode = document.getElementById("oldNode");
  var newNode = oldNode.cloneNode(true);
  newNode.innerHTML = "new content";
  oldNode.parentNode.replaceChild(newNode, oldNode);

上面的代码演示了如何使用replaceChild()方法更新现有节点。我们使用getElementById()方法获取旧的节点，使用cloneNode()方法创建一个新的节点，并更改内容，使用replaceChild()方法将新节点替换旧节点。

replaceChild()方法是html dom中的一种操作，它可以用来替换指定的子节点，以及更新现有节点的属性和内容。