例
でテキストノードを置き換え<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
»それを自分で試してみてください