JS--ノードの削除

ノードの削除

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

 

【ノード削除方法】
削除方法には、ChildNode オブジェクトの remove メソッドを使うか、 Node オブジェクトの removeChild メソッドを使うかです。

【remove メソッド】
 remove メソッドは指定のノードを削除します。

書式：childnode.remove()

例文
 id 属性が xxx のノードを削除する場合
let childnode = document.getElementById('xxx');

childnode.remove();

【removeChildメソッド】
Node オブジェクトの removeChild メソッドはノードを削除します。

書式：parentnode.removeChild(childnode)
1 番目の引数に指定した Node オブジェクトを削除します。

例文
 id 属性が xxx のノードの子ノードで id 属性が yyy のノードを削除する場合は次のように記述します。

let parentnode = document.getElementById('xxx');
let childnode = document.getElementById('yyy');

parentnode.removeChild(childnode);サンプルブラウザを立ち上げる「ノード削除1」をクリックする「ノード削除2」をクリックするどちらも、最後のノードだけ削除する