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);
时间: 2024-11-06 20:58:57