replaceChild()方法用给定父节点中的新节点替换子节点。
新节点可以是文档中的现有节点,也可以创建一个新节点。
使用removeChild()方法从父节点中删除子节点。
node.replaceChild(newNode, oldNode)
var newElem = document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);测试看看‹/›所有浏览器都完全支持replaceChild()方法:
| Method | ![]() | ![]() | ![]() | ![]() | ![]() |
| replaceChild() | 是 | 是 | 是 | 是 | 是 |
| 参数 | 描述 |
|---|---|
| newNode | 您要插入的节点对象 |
| oldNode | 您要删除的节点对象 |
| 返回值: | 一个Node对象,表示替换的节点 |
|---|---|
| DOM版本: | DOM级别1 |
创建一个新节点并将其替换为现有节点:
var newElem = document.createElement("h2");
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);测试看看‹/›HTML DOM参考:node .parentNode()方法
HTML DOM参考:node .hasChildNodes()方法
HTML DOM参考:node .appendChild()方法
HTML DOM参考:node .insertBefore()方法
HTML DOM参考:node .removeChild()方法