「JavaScript」removeChildメソッドで指定要素を削除するサンプル
環境
Windows 10 Home 64bit
Google Chrome 106.0.5249.62
構文
親ノード.removeChild(子ノード);
removeChildメソッドは、引数の子ノードを削除します。
removeChild() は Node インターフェイスのメソッドで、子ノードを DOM から取り除き、取り除いたノードを返します。
使用例
<!DOCTYPE html> <html> <body> <script> function delbtn(){ const cftA = document.getElementById("cftA"); // 引数の子ノードを削除します cftA.removeChild(cftB); } </script> <div id="cftA"> <div id="cftB"> <p>要素を削除するサンプル</p> </div> </div> <input type="button" value="削除" onclick="delbtn()"> </body> </html>
実行結果
[削除]ボタンを押すと、div要素「cftB」を削除します。