JavaScript - 要素を削除する

Node.replaceChild()

Node.replaceChild() メソッドは、指定ノードの子ノードを別のノードに置き換えます。Node.replaceChild の構文は以下のとおりです。

replacedNode = parentNode.replaceChild(newChild, oldChild);
Node.replaceChild() メソッド
newChild
置き換える新しいノード(既存のノードは先に取り除かれます)。
oldChild
置き換えられる既存ノード。
replacedNode
置き換えられたノード(oldChild と同じノード)。

var parentNode = document.getElementById("foo");
var oldNode = document.getElementById("bar");

// 新しく置き換えるノード
var newNode = document.createElement("p");

var result = parentNode.replaceChild(newNode, oldNode);
document.replaceChild() メソッド
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
6111
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

関連記事