要素の子要素を別の子要素と置き換える

指定された要素の子要素を別の子要素に置き換えるには、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);

JavaScript逆引きリファレンス一覧へ戻る