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

DOM ノードのすべての子要素を削除する方法 (JavaScript)

JavaScript では、DOM ノードのすべての子要素を削除できますこれを達成するにはさまざまな方法があります。

オプション 1: innerHTML をクリアする

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

この方法はシンプルで簡単ですが、ブラウザーを呼び出すため、高いパフォーマンスを必要とするアプリケーションには適さない可能性があります。 HTML パーサー (ただし、ブラウザー は、値が空の文字列である場合を 最適化する場合があります)。

オプション 2:removeChild を使用する

const myNode = document.getElementById("foo");
while (myNode.firstChild) {
  myNode.removeChild(myNode.firstChild);
}

このメソッドには、子要素をループして次々に削除することが含まれており、オプション 1 よりもパフォーマンスが優れています。

jQuery オプション

jQuery を使用している場合は、次のコマンドを使用して子要素を削除できます。

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

これにより、指定された要素 すべての子要素を削除します。

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