↑

DOM

：

ドキュメント オブジェクト モデル

：

Element.replaceWith() メソッド

　編集：2022.09.23 by T.A.

[Edge]。→●、mdn

element 自体を指定の Node や DOMString で置き換えます。

構文
element.replaceWith(...nodes)
element Element。
nodes 置き換える Node や DOMString オブジェクト。複数指定の場合はカンマ「,」で区切ります。
例外
HierarchyRequestError
階層の指定の位置にはノードを挿入できません。
例
const div = document.createElement("div");
const p = document.createElement("p");
div.appendChild(p);
const span = document.createElement("span");

p.replaceWith(span);

console.log(div.outerHTML);
// "<div><span></span></div>"

HTML： 

<DIV id=IdSoto>[DIV要素
  <SPAN id=IdTest>[SPAN要素<B>[B要素]</B>]<SPAN>
  ]
</DIV>

JavaScript： 

E=document.createElement('EM'); //新しいEM要素を生成。
E.innerText="[EM要素]";         //その要素の内容テキストを設定。
IdTest.replaceWith(E, "テキスト<B>[B要素？]</B>±"); //置き換える。
D=IdSoto.innerHTML; //＝[string]：[DIV要素 <em>[EM要素]</em>テキスト&lt;B&gt;[B要素？]&lt;/B&gt;±
テスト
HTML：


ここにHTMLが表示される
⯈スクリプト組み込み：
JavaScript：


JavaScript：



表示内容：
表示内容：