[JavaScript] 指定した id, class 名を持つ全ての要素を削除する
- 2017 2/5
- カテゴリー : 未分類
- JavaScript
- コメントを書く
JavaScript で指定した id もしくは class 名を持つ全ての要素を削除するメソッドをご紹介します。
jQuery は使わずに pure 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 で子ノードを削除しているところがポイントです。
参考情報
- document.getElementById – Web API インターフェイス | MDN
- document.getElementsByClassName – Web API インターフェイス | MDN
- Node.parentNode – Web API インターフェイス | MDN
- Node.removeChild – Web API インターフェイス | MDN