JavaScript で DOM ノードからすべての子要素を削除するにはどうすればよいですか?

JavaScript で DOM ノードのすべての子要素を削除します

提供された HTML コードのスニペットには、次の親ノード (「foo」) があります。 2 つの子要素 ​​(「span」と「div」)。 "foo" からすべての子要素を削除するには、次のメソッドを使用できます。

DOM のみのオプション 1: innerHTML のクリア

このアプローチには、innerHTML プロパティのクリアが含まれます。親ノードの。ただし、このメソッドはブラウザの HTML パーサーを呼び出すため、高パフォーマンスのアプリケーションには適していない可能性があります。

const myNode = document.getElementById("foo");
myNode.innerHTML = '';

jQuery の代替

jQuery では、以下を使用できます。ノードからすべての子要素を削除する empty() メソッド:

$('#foo').empty();

以上がJavaScript で DOM ノードからすべての子要素を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。