要素の子要素を別の子要素と置き換える
指定された要素の子要素を別の子要素に置き換えるには、element.replaceChild
メソッドを使用します。
構文
var replacedNode = element.replaceChild(new child node, old child node);
引数名 | 型 | 説明 | |
---|---|---|---|
第一引数 必須 |
new child node | Element|Node | 置換前(検索する)の子要素 |
第一引数 必須 |
old child node | Element|Node | 置換後の子要素 |
戻り値
置換された子要素(置換前の子要素)を返します。
サンプルコード
JavaScript
var newElem = document.createElement('span'),
oldElem = pElement.getElementById('sample-child');
newElem.innerText = 'サンプル';
oldElem.parentNode.replaceChild(oldElem, newElem);