编辑这个页面须要登录或更高权限！

您刚才的请求只有这个用户组的用户才能使用：自动确认用户
如果您还没有登录请登录后重试。编程那点事是一个开放式网站，修改本站大部分内容仅须要花10秒钟时间创建一个账户。如果您已经登录，本页面可能是受保护的内容。如果您认为有修改的必要，请联系本站管理人员。
该页面已被锁定以防止编辑。

HTML DOM Events Event Objects(事件对象)

HTML DOM replaceChild() 方法

HTML DOM Element 对象

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()方法

HTML DOM Element 对象

HTML DOM Events Event Objects(事件对象)

查看更多关于 HTML DOM replaceChild() 方法的详细内容...