remove, removeChild

既に存在しているノードを削除する方法があります。

remove と removeChild です。

・removeChild

親要素から見て、削除する要素をremoveChildに渡して削除するメソッドです。子要素を削除するものになります。

parentnode.removeChild(childnode)

実際にサンプルで確認します。

目次の「1」を削除しました。

「1」に該当する「 li 」を取得します。その親要素は「 ul 」に当たるのでそこから

removeChildを用いて、削除することができます。

しかし結構手間がかかります。

そこでもう一つ便利なのがremoveとなります。

・remove

自分自身を削除することができるメソッドです。

上記のニワトリの画像を削除してみます。

簡単に画像を削除できました。

基本的にremoveを使うことが多いと思います。

違いをまとめてみました。