「JavaScript」removeChildで要素の子ノードを削除

2014年6月4日2021年10月25日

書式
親ノード.removeChild(子ノード);
使用例

<div id="showA">
      <div id="showB">
            <p>this is a test demo</a>
      </div>
</div>
<input type="button" value="削除" onclick="delNode()">
<script>
function delNode(){
    /* id プロパティが指定された文字列に一致する要素*/
      const cft = document.getElementById("showA");
    /* 引数の子ノードを削除 */
      cft.removeChild(showB);
}
</script>

実行結果
「削除」ボタンを押下すると、引数の子ノードを削除する