JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOM リファレンスマニュアル

HTML DOM イベント Event オブジェクト(イベントオブジェクト)

HTML DOM replaceChild() メソッド

HTML DOM Element オブジェクト

replaceChild()メソッドは、指定された親ノード内の新しいノードで子ノードを置き換えます。

新しいノードは、ドキュメント内の既存のノードであるか、新しいノードを作成することができます。

使用方法removeChild()メソッドは、親ノードから子ノードを削除します。

文法：

node.replaceChild(newNode,　oldNode)

例

var　newElem　=　document.querySelector("p");
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);

テストを見て‹/›

ブラウザの互換性

すべてのブラウザは完全にreplaceChild()メソッドをサポートしています：

メソッド
replaceChild()	は	は	は	は	は

パラメータの値

パラメータ	説明
newNode	挿入したいノードオブジェクト
oldNode	削除したいノードオブジェクト

技術的詳細

返り値：	置換するノードを表すNodeオブジェクト
DOMバージョン：	DOMレベル1

さらに多くの例

新しいノードを作成し、既存のノードに置き換えます：

例

var newElem = document.createElement("h"2
var newContent = document.createTextNode("Hi there and greetings!");
newElem.appendChild(newContent);
var div = document.getElementById("demo");
div.replaceChild(newElem, div.firstElementChild);