HTML DOM replaceChild() Method

元素对象

将某个子节点替换为另一个：

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
<p id="demo">单击按钮替换列表中的第一项。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var textnode = document.createTextNode("Water");
    var item = document.getElementById("myList").childNodes[0];
    item.replaceChild(textnode, item.childNodes[0]);
  }
</script>
<p>首先创建一个文本节点。<br>然后替换第一个列表中的第一个子节点。</p>
<p><strong>注意:</strong>这个例子只将文本节点的文本节点“Coffee”替换为“Water”,而不是整个LI元素,这也是替换节点的一种备选。</p>

尝试一下 »

---

定义和用法

replaceChild() 方法可将某个子节点替换为另一个。

新节点可以是文本中已存在的，或者是你新创建的。

---

浏览器支持

所有主要浏览器都支持 replaceChild 方法

---

语法

node.replaceChild(newnode, oldnode)

参数

参数	类型	描述
newnode	Node 对象	必须。你要插入的节点对象。
oldnode	Node object	必须。你要移除的节点对象。

返回值

类型	描述
Node object	替换的节点

技术细节

DOM 版本	Core Level 1 Node Object

---

元素对象