ITjavascript

Javascript DOM削除する【脱 jQuery】

JavascriptでDOMを削除する方法についてです。 もし、IDが「sample」のDOMを削除したいのであれば、以下のように記述します。

サンプルコード

var removeElement = document.getElementById('sample');
if(removeElement != null) removeElement.parentNode.removeChild(removeElement);

こうすることで、指定したDOMのみの削除が行えます。 よく子要素をすべて削除するような記述を見かけますが、危ないため、削除したい要素のみを指定して削除しましょう。 また、jQueryの場合は、remove()を使用すれば、簡単に削除ができます。 一応、脱jQueryというタイトルなので、使用方法までは説明しません。