JavaScript - HTMLの要素を削除する

JavaScriptで指定したHTML要素のタグを削除する簡単なコード例です。

HMLには削除するする対象の要素と削除ボタンを設置しています。

<div>
	<div id="target">削除する要素</div>
	<button type="button" id="delete-btn">削除ボタン</button>
</div>

JavaScriptのaddEventListener()で削除ボタンのクリックイベントを実装、対象のHTML要素が存在した場合にremove()で削除するようにしています。

// 削除ボタンのクリックイベントを作成
document.querySelector('#delete-btn').addEventListener('click', () => {

	// 対象のHTML要素があれば削除する
	if (document.querySelector('#target')) {
		document.querySelector('#target').remove();
	}

});