We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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 の定義
廃止された  

ブラウザー互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

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,