「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」を削除します。