1. ホーム
  2. javascript

JavaScriptを使用してHTMLの子ノードを削除するにはどうすればよいですか?

2023-09-23 03:30:55

質問

のような関数はありますか? document.getElementById("FirstDiv").clear() ?

どのように解決するのですか?

元の質問に答えますと、いろいろな方法がありますが、次の方法が最も簡単でしょう。

削除したい子ノードへのハンドルがすでにある場合、つまり、その子ノードへの参照を保持する JavaScript 変数がある場合。

myChildNode.parentNode.removeChild(myChildNode);

明らかに、すでにこれを行う多数のライブラリのうちの1つを使用していない場合、これを抽象化するための関数を作成したいと思うことでしょう。

function removeElement(node) {
    node.parentNode.removeChild(node);
}


EDIT: 他の人も言っていますが、削除するノードにイベント ハンドラを接続している場合、削除するノードへの最後の参照がスコープ外になる前に、それらを切断することを確認したいと思います。