MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ChildNode.remove()

ChildNode.remove() はオブジェクトを、それの所属するツリーから削除します。

記法

elementNodeReference.remove(); 

使用例

remove() の利用

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>
var el = document.getElementById('div-01');
el.nextElementSibling.remove(); // Removes the div with the 'div-02' id

ChildNode.remove() はスコーピングへ非対応

remove() メソッドは with 文でのスコーピングに対応していません。 詳細は Symbol.unscopables をご覧ください。

with(node) { 
  remove();
}
// ReferenceError: remove is not defined 

ポリフィル

以下のポリフィルで、Internet Explorer 9 以降でも remove() メソッドが利用できます:

// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
    arr.forEach(function (item) {
        item.remove = item.remove || function () {
            this.parentNode.removeChild(this);
        };
    });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

仕様

仕様 状態 コメント
DOM
ChildNode.remove の定義
現行の標準 Initial definition.
DOM4
ChildNode.remove の定義
勧告  

ブラウザー互換性

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (on Element) 23.0 (有) 23.0 (23.0) 未サポート 10.0 7.0
Support on CharacterData and DocumentType 29.0 ? 23.0 (23.0) 未サポート 16.0 7.0
Feature Android Android Webview Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Mobile
Basic support (on Element) (有) (有) (有) 23.0 (23.0) 未サポート 10.0 未サポート (有)
Support on CharacterData and DocumentType (有) (有) ? 23.0 (23.0) 未サポート 16.0 未サポート (有)

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: chikoski
 最終更新者: chikoski,