替换节点（replaceChild()）

Posted 2020-08-16 青竹zzq

replaceChild()：方法将把一个给定父元素里面的一个子节点替换为另一个子节点：

referencre = element.replaceChild(newChild,oldChild);

oldChild节点必须是element元素子节点，他的返回值是一个指向已经被替换的那个子节点的引用指针。

在下例中，id属性值是content的元素还包含着一个id属性值是fineprint的元素，我们将用createElement()方法创建一个新的文本元素，再用replaceChild()方法把fineprint元素替换为那个新创建元素：

var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);

如果被插入的元素本身还有子节点，则那些子节点也被插入到目标节点前。

replaceChild()方法也可以用文档树上的现有节点去替换另一个现有节点。如果newChild()节点时文档树上的一个现有节点，replaceChild()方法将先删除它字啊用它去替换oldChild()节点。

在下例中，replaceChild()方法将用id属性值是headline元素去替换content元素所包含的id属性值是fineprint的那个元素：

var container = document.getElement.ById("content");
var message = document.getElementById("fineprint");
var announcement = document.getElementById("headline");
container.replaceChild(announcement,message);