このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CharacterData: replaceWith() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年4月以降、すべてのブラウザーで利用可能です。
replaceWith() は CharacterData インターフェイスのメソッドで、親ノードの子リスト内にあるこのノードを、一連の Node オブジェクトまたは文字列で置き換えます。
構文
js
replaceWith(nodes)
引数
メモ: 引数が渡されなかった場合、このメソッドはこのノードを DOM ツリーから取り除くだけの動作をします。
返値
なし (undefined)。
例外
HierarchyRequestErrorDOMException-
ノードが階層内の指定された位置に挿入できない場合に発生します。
例
html
<p id="myText">Some text</p>
js
let text = document.getElementById("myText").firstChild;
let em = document.createElement("em");
em.textContent = "Italic text";
text.replaceWith(em); // `Some text` を `Italic text` で置き換える
[フレーム]
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-childnode-replacewith1 |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。