例
在一個替換文本節點<li>與一個新的文本節點的列表元素：
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item =
document.getElementById("myList").childNodes[0];
// Replace
the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node
"Coffee" with a Text node "Water"在移除之前，
- Coffee
- Tea
- Milk
取出後：
- Water
- Tea
- Milk
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
該replaceChild()方法替換為新節點的子節點。
新節點可以在文檔中已有的節點，也可以創建一個新的節點。
提示：使用removeChild()方法從一個元素中刪除的子節點。
瀏覽器支持
| 方法 | |||||
|---|---|---|---|---|---|
| replaceChild() | 是 | 是 | 是 | 是 | 是 |
句法
參數值 參數 類型 描述 newnode Node object 需要。 要插入的節點對象 oldnode Node object 需要。 要刪除的節點對象
技術細節
返回值： 一個節點對象，代表取代節點 DOM版本 核心1級節點對象
更多示例
例
替換一個<li>用新的元件列表中的<li>元素：
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text
node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element
with id="myList"
var item = document.getElementById("myList");
//
Replace the first child node (<li> with index 0) in <ul> with the newly
created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element 在移除之前，
- Coffee
- Tea
- Milk
取出後：
- Water
- Tea
- Milk
試一試»