JavaScript の removeChild でノードを削除

published:

JavaScript の removeChild メソッドを利用して、ノードを削除する。

removeChild メソッドについて

removeChild メソッドは、指定された要素から、指定された子ノードを削除する。

removeChild を使ったサンプル その1

HTML

<div id="parent">
  <p id="child">削除する要素</p>
</div>

JavaScript

var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.removeChild(child);

removeChild を使ったサンプル その2

HTML

<div>
  <p id="child">削除する要素</p>
</div>

JavaScript

var child = document.getElementById('child');
if (child.parentNode) {
  child.parentNode.removeChild(child);
}

Previous Article

Next Article