[JavaScript] 指定した id, class 名を持つ全ての要素を削除する

Tadashi Shigeoka ·  Sun, February 5, 2017

JavaScript で指定した id もしくは class 名を持つ全ての要素を削除するメソッドをご紹介します。

jQuery は使わずに pure JavaScript で実装しています。

JavaScript

指定した id を持つ要素を削除する

var removeIdElement = function(id){
  var e = document.getElementById(id);
  if (e) {
    e.parentNode.removeChild(e);
  }
};

指定した class 名を持つ全ての要素を削除する

var removeClassElement = function(className){
  var elements = document.getElementsByClassName(className);
  for (var i = 0; i < elements.length; i++) {
    var e = elements[i];
    if (e) {
      e.parentNode.removeChild(e);
    }
  }
};

自分自身の要素を削除するには、parentNode で親ノードに辿って removeChild で子ノードを削除しているところがポイントです。

参考情報